Basics of HTML
HTML stands for Hyper Text Markup Language.
Basic HTML Format
<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8”/>
<title>Test</title>
(Incase of internal CSS)
<style type=”text/css”>
</style>
</head>
<body>
Remaining everything which helps to build the webpage, comes into the body tag.
</body>
</html>
Tags and their uses
<br> = Line-break
<hr> = Horizontal ruler
<p> = Paragraph
<h1> to <h6> = Headers (h1 is highest in font size and h6 is lowest)
<strong> = bold
<em> = Italic
<!-- Comment--> = Comment
<ul> = Unordered list
<ol> = Ordered list
<li> = List item
<a> = Anchor
<img> = Image
<audio> = Audio
<video> = Video
Sample for linking a webpage.
<a href=”page_name”>go to second page</a>
<a href = webpage url>google</a>
Sample for how to use img tag
<img src=”directory structure/Hopetoun_falls.jpg” alt=”nature” width=”100%” height=”100%”/>
Sample for how to use audio tag
<audio controls autoplay loop>
<source src=”audio.mp3” type=”audio/mpeg”/>
<source src=”audio.ogg” type=”audio/mpeg”/> (in case some browser not supporting mp3)
</audio>
Sample for how to use video tag
<video width=”640px” height=”360px” controls autoplay loop>
<source src=”video.mp4” type=”video/mp4”/>
</video>
— Alok@uiuxspecialist.com
