Learn HTML Step by Step

Skeletal tags :

These are the basic tags in html that is required for the webpage.

<!doctype html> 
<html>
<head>
	<title>  ----- </title>[  : for heading of the webpage.]
  	</head>
  	<body>
		……………..
		……………..
</body>
</html>
1
2
3
4
5
6
7
8
9
10

Some tags that are used inside the body and their functions with examples.

Header tag
Paragraph tag
Division tag
Hyperlink
List
Image

1.Header tag

1.<hn> :Heading n=(1-6)size of the element in descending order and also bolds it.

Output
<h1>test heading</h1>

test heading

<h2>test heading</h2>

test heading

<h3>test heading</h3>

test heading

<h4>test heading</h4>

test heading

<h5>test heading</h5>
test heading
<h6>test heading</h6>
test heading


______________________________________________________________________________________________

2.Paragraph tag

<p>: for Paragraph.

<p>This is paragarph. This is<b>bold</b>and this is in <i> italics</i>. </p>
output
This is paragraph. This is bold and this is in italics.


______________________________________________________________________________________________

3.div tag

3.<div>: to Group all the Tags so that you can apply combined effect to all the tags through css, when you use class or id .

<div> s
<h2>test heading</h2>                                         
<p>You are smart.</p>                             
</div>  
1
2
3
4
Output

test heading

you are smart.

______________________________________________________________________________________________

<a href="[email protected]">facebook</a> : inserts the link.

<a href="https://www.facebook.com/">FACEBOOK</a> gives following link:
1

FACEBOOK

[goes to fb.com]

______________________________________________________________________________________________

5. List tag:

creates the list.
ul : unordered list
ol : ordered list

<ul>
<li>element_1</li>
<li>element_2</li>
<li>element_3</li>
</ul>
</div>
1
2
3
4
5
6
output
  • element_1
  • element_2
  • element_3

______________________________________________________________________________________________