Program : 1 Paragraph ,bold , italic, underline Tags
<html> OUTPUT :
<head>
<title>Page Title</title> This is a paragraph.
</head>
<body> This is a Bold.
<p>This is a paragraph.</p>
<p><b>This is a Bold.</b></p> This is a Italic.
<p><i>This is a Italic.</i></p>
<p><u>This is a Underline.</u></p> This is a Underline.
</body>
</html>
Program : 2 Heading Tags h1,h2,h3,h4,h5,h6
OUTPUT :
<html>
<head>
<title>Page Title</title>
This is a heading 1
</head>
<body>
This is a heading 2
<p><h1>This is a heading 1</h1></p>
This is a heading 3
<p><h2>This is a heading 2</h2></p>
<p><h3>This is a heading 3</h3></p> This is a heading 4
<p><h4>This is a heading 4</h4></p>
<p><h5>This is a heading 5</h5></p> This is a heading 5
<p><h6>This is a heading 6</h6></p>
This is a heading 6
</body>
</html>
OUTPUT :
Program : 3 center Tag
<head> This is a heading 1
<title>Page Title</title>
</head> This is a heading 2
<body>
<center><p><h1>This is a heading 1</h1></p> This is a heading 3
<p><h2>This is a heading 2</h2></p>
<p><h3>This is a heading 3</h3></p> This is a heading 4
<p><h4>This is a heading 4</h4></p>
<p><h5>This is a heading 5</h5></p> This is a heading 5
<p><h6>This is a heading 6</h6></p></center> This is a heading 6
</body>
</html>
Program : 4 sup and sub Tags
<html> OUTPUT :
<head>
<title>Page Title</title>
</head>
<body> The formula of water : H2O
<p>The formula of water : H<sub>2</sub>O</p>
<p>Result is : 2<sup>3</sup></p> Result is : 23
</body>
</html>
Program : 5 Table ,th,td,tr Tags
<html>
<head>
<title>Page Title</title>
</head>
<body>
OUTPUT :
<table border=2>
<tr>
<th></th>
<th>1990</th>
<th>1991</th>
</tr> 1990 1991
<tr> icici 100 200
<th>icici</th> icici 100 200
<td>100</td>
<td>200</td>
</tr>
<tr>
<th>icici</th>
<td>100</td>
<td>200</td>
</tr>
</table>
</body>
</html>
Program : 6 OL Tags ( order list)
OUTPUT :
<html>
<head>
<title>Page Title</title> 1. PALI
</head> 2. JODHPUR
<body> 3. UDAIPUR
<ol>
<li>PALI</li>
<li>JODHPUR</li>
<li>UDAIPUR</li>
</ol>
</body>
</html>
Program : 7 UL Tags ( unorder list)
<html> OUTPUT :
<head>
<title>Page Title</title>
</head> PALI
<body> JODHPUR
UDAIPUR
<ul>
<li>PALI</li>
<li>JODHPUR</li>
<li>UDAIPUR</li>
</ul>
</body>
</html>
Program : 8 strike Tag
<html>
<head>
<title>Page Title</title> OUTPUT :
</head>
<body>
<p><strike>JODHPUR</strike></p>
JODHPUR
</body>
</html>
Program : 9 bgcolor Attribute OUTPUT :
<html>
<head>
<title>Page Title</title> JODHPUR
</head>
<body bgcolor="red">
<p><strike>JODHPUR</strike></p>
</body>
</html>
OUTPUT :
Program : 10 -un-order list with "circle" Attribute
<html>
<head> o PALI
<title>Page Title</title> o JODHPUR
</head> o UDAIPUR
<body>
<ul type="circle">
<li>PALI</li>
<li>JODHPUR</li>
<li>UDAIPUR</li>
</ul>
</body>
</html>
Program : 11 -un-order list with "square" Attribute
OUTPUT :
<html>
<head>
<title>Page Title</title>
</head> PALI
<body> JODHPUR
UDAIPUR
<ul type="square">
<li>PALI</li>
<li>JODHPUR</li>
<li>UDAIPUR</li>
</ul>
</body>
</html>
Program : 12 -un-order list with "disc" Attribute
<html>
<head>
<title>Page Title</title> OUTPUT :
</head>
<body>
<ul type="disc">
PALI
<li>PALI</li>
JODHPUR
<li>JODHPUR</li>
UDAIPUR
<li>UDAIPUR</li>
</ul>
</body>
</html>
Program : 13 -order list with "type " Attribute
<html> OUTPUT :
<head>
<title>Page Title</title>
</head>
<body>
1. PALI
<ol type="A"> 2. JODHPUR
<li>PALI</li> 3. UDAIPUR
<li>JODHPUR</li>
<li>UDAIPUR</li>
</ol>
</body>
</html>
Also use "A", "a", "I", "i" for
A. PALI a. PALI I. PALI i. PALI
B. PALI b. PALI II. PALI ii. PALI
C. PALI c. PALI [Link] iii. PALI
By Suresh Suthar