HTML Code
First HTML
<!DOCTYPE html>
<html>
<head>
<title>First HTML</title>
</head>
<body>
Simple HTML Code
</body>
</html>
Heading Tag
<!DOCTYPE html>
<html>
<head>
<title>Heading in HTML</title>
</head>
<body>
<h1>Heading1</h1>
<h2>Heading2</h2>
<h3>Heading3</h3>
<h4>Heading4</h4>
<h5>Heading5</h5>
<h6>Heading6</h6>
</body>
</html>
Paragraph Tag
<!DOCTYPE html>
<html>
<head>
<title>Paragraph Tag</title>
</head>
<body>
<p>This is the First Paragraph starting</p>
<p>This is the Second Paragraph starting</p>
<p>This is the Fourth Paragraph starting</p>
<p>This is the Fifth Paragraph starting</p>
</body>
</html>
Horizontal Line
<!DOCTYPE html>
<html>
<head>
<title>Horizontal Line</title>
</head>
<body>
First Line
<hr> Second Line
<hr> Third Line
<hr>
</body>
</html>
Horizontal Line Color
<!DOCTYPE html>
<html>
<head>
<title>Horizontal Line color</title>
</head>
<body>
First Line
<hr color="red"> Second Line
<hr color="green"> Third Line
<hr color="blue">
</body>
</html>
Horizontal Line Size
<!DOCTYPE html>
<html>
<head>
<title>Horizontal Line size</title>
</head>
<body>
First Line
<hr size="10px" color="red"> Second Line
<hr size="30px" color="green"> Third Line
<hr color="blue">
</body>
</html>
Horizontal Line Width
<!DOCTYPE html>
<html>
<head>
<title>Horizontal Line width</title>
</head>
<body>
First Line
<hr width="50%" size="10px" color="red"> Second Line
<hr width="80%" color="green"> Third Line
<hr color="blue">
</body>
</html>
Text Formatting
<!DOCTYPE html>
<html>
<head>
<title>Text Formatting</title>
</head>
<body>
<b>Bold Text</b>
<br>
<i>Italic Text</i>
<br>
<u>UnderLine Text</u>
</body>
</html>
Span Tag
<!DOCTYPE html>
<html>
<head>
<title>span tag</title>
</head>
<body>
<span>This is the sample span</span> Span was end.
</body>
</html>
Div Tag
<!DOCTYPE html>
<html>
<head>
<title>div tag</title>
</head>
<body>
<!--Div can be used to group elements-->
<div>
This is the First Div
<input type="text">
<input type="text">
<input type="text">
</div>
<div>
This is the Second Div
<input type="text">
<button>Sample Button</button>
</div>
</body>
</html>
Emphasized Text
<!DOCTYPE html>
<html>
<head>
<title>Emphasized Text</title>
</head>
<body>
Normal Text<br>
<em>Emphasized Text</em>
</body>
</html>
Small Tag
<!DOCTYPE html>
<html>
<head>
<title>small tag</title>
</head>
<body>
Normal Text<br>
<small>small Text</small>
<br> This is <small>small</small> Sample
</body>
</html>
Mark Tag
<!DOCTYPE html>
<html>
<head>
<title>mark tag</title>
</head>
<body>
Normal Text<br> mark <mark>This</mark> Text
</body>
</html>
Delete Tag
<!DOCTYPE html>
<html>
<head>
<title>mark tag</title>
</head>
<body>
Normal Text<br> mark <mark>This</mark> Text
</body>
</html>
Insert Tag
<!DOCTYPE html>
<html>
<head>
<title>Insert</title>
</head>
<body>
This is the <ins>Inserted Text</ins>
</body>
</html>
Subscripted Tag
<!DOCTYPE html>
<html>
<head>
<title>subscripted Text</title>
</head>
<body>
This is the <sub>subscripted</sub> Text
</body>
</html>
Superscripted Tag
<!DOCTYPE html>
<html>
<head>
<title>superscripted Text</title>
</head>
<body>
This is the <sup>superscripted</sup> Text
</body>
</html>
Strong Tag
<!DOCTYPE html>
<html>
<head>
<title>Strong tag</title>
</head>
<body>
This is the <strong>Strong Text</strong>
</body>
</html>
BR Tag
<!DOCTYPE html>
<html>
<head>
<title>BR Tag</title>
</head>
<body>
<!--Without BR Tag-->
Line 1
Line 2
Line 3
Line 4
Line 5
<!--With using BR Tag-->
<br> Line 1
<br> Line 2
<br> Line 3
<br> Line 4
<br> Line 5
</body>
</html>
S Tag
<!DOCTYPE html>
<html>
<head>
<title>s tag</title>
</head>
<body>
<s>This is the</s> HTML Code Play
</body>
</html>
Q Tag
<!DOCTYPE html>
<html>
<head>
<title>Quotation</title>
</head>
<body>
He said <q>This is too much.</q>
</body>
</html>
Address Tag
<!DOCTYPE html>
<html>
<head>
<title>Address</title>
</head>
<body>
My Address is.
<Address>
Ramesh,<br>
Kozicode,<br>
Chennai,<br>
Pin-629167,<br>
K.K.Dist.
</Address>
</body>
</html>
Cite Tag
<!DOCTYPE html>
<html>
<head>
<title>cite</title>
</head>
<body>
This article is written by Merbin Joe and from <cite>Mulagumoodu</cite>.
</body>
</html>
BDO Tag
<!DOCTYPE html>
<html>
<head>
<title>bdo</title>
</head>
<body>
This is normal text
<br>
<bdo dir="rtl">Right to Left Direction</bdo>
</body>
</html>
KDB Tag
<!DOCTYPE html>
<html>
<head>
<title>kdb</title>
</head>
<body>
kbd define keyboard input
<br>
<kbd>This text style different</kbd>
</body>
</html>
