1. Write A HTML program using body and Pre Tags
2. Write A HTML program using Text Format Tags
3. Write A HTML program using Headings, DIV Tags
4. Write A HTML program using Text Formatting Tags
5. Write A HTML program using Ordered List Tags
6. Write A HTML program using Unordered List Tags
7. Write A HTML program using Nested, Definition Tags
8. Write A HTML program using Image Tags
9. Write A HTML program using Table Tags
10. Write A HTML program using hyperlink
11. Write A HTML program using Frame Tags
12. Write A HTML program using Form Tags
13. Write A HTML program using Span Tags
14. Write A HTML program using CSS (cascaded style sheets)
15. Write A HTML program using Embedded Multimedia
PROGRAM: 1
<!-- A Program to illustrate body and pre tags -->
<html><head>
<title> body and pre tag </title></head>
<body text="red" bgcolor="yellow" background="Desert.jpg"> This is an Illustration of body tag with its properties
<pre>
This text uses
pre tag and preserves
nextline and spaces </pre>
This text doesnt uses
pre tag so doesnt preserves nextline and spaces.. everything will be printed in the same line
</body>
</html>
4
OUTPUT
PROGRAM: 2
<!-- A Program to illustrate text Font tag -->
<html>
<title> Font tag Example </title><body>
<font face="arial" size="1" color="blue"> WELCOME </font><br>
<font size="2" color="cyan"> WELCOME </font> <br>
<font size="7" color="red"> WELCOME </font> <br>
<font size="12" color="green"> WELCOME </font> <br>
<font size="12" color="brown"> WELCOME </font> <br>
<font size="20" color="pink"> WELCOME </font> <br>
<font size="20" color="gray"> WELCOME </font> <br>
</body>
</html>
OUTPUT:
WELCOME / USED ALSO <H6> TAG
WELCOME / USED <H5> TAG
WELCOME / USE <H3> TAG
WELCOME / USE <H3> TAG
WELCOME / USE <H1> TAG
WELCOME / USE <H3> TAG
PROGRAM 3
<!-- A Program to illustrate comment,h1….h6, and div tag -->
<html>
<head>
<title> Illustrating comment, h1...h6 and div tags </title></head>
<body>
<!-- THIS IS A COMMENT LINE -->
<div style="color:#00ff00">
<h1 align="center"> This is h1 tag text with center aligned </h1><h2 align="left"> This is h2 tag text with left aligned </h2>
<h3 align="right">This is h3 tag text with right aligned </h3></div>
<h4> This is h4 tag text without alignment</h4><h5> This is h5 tag Text without alignment </h5><h6> This is h6 tag text without alignment </h6>
</body>
</HTML>
PROGRAM 4
<!-- A Program to illustrate text formatting tags -->
<html>
<head>
<title> Text Tags </title></ head>
<body>
<center>
<h1 align="center">To illustrate text formatting tags </h1><hr color="red">
<P> <marquee behavior="alternate"> This is an alternate Marquee text
</marquee>
<p> This is <i> italized </i></p>
<p> This is <u> underlined </u></p>
<p> This is <b> bold </b></p>
<p> This is <em> emphasized </em></p>
<p>This is <Strong> Strong Text </strong></p>
<p> This is <s> striked text </s></p>
10
<p> This is <code> computer code </code></p>
<p> This is <sup> superscript </sup> code </p>
<p> This is <sub> subscript </sub> code </p>
<p> This is <big> big text </big></p>
<p> This is <small> small text </small></p>
</center>
</body>
</html>
OUTPUT :
PROGRAM 5
<!-- A Program to illustrate Order List tag -->
<html>
<head>
<title> Order List tag </title></head>
<body>
<h3 align="center" style="color:red">To illustrate ORDER list tags</h3><hr COLOR="RED">
<h4>Numbered list:</h4><ol>
<li>Apples</li>
<li>Bananas</li>
<li>Lemons</li>
<li>Oranges</li>
</ol>
<h4>Uppercase Letters list:</h4><ol type="A">
<li>Apples</li>
<li>Bananas</li>
<li>Lemons</li>
<li>Oranges</li>
</ol>
<h4>Lowercase letters list:</h4><ol type="a">
<li>Apples</li>
<li>Bananas</li>
<li>Lemons</li>
12
<li>Oranges</li>
</ol>
<h4>Roman numbers list:</h4><ol type="I">
<li>Apples</li>
<li>Bananas</li>
<li>Lemons</li>
<li>Oranges</li>
</ol>
<h4>Lowercase Roman numbers list:</h4><ol type="i">
<li>Apples</li>
<li>Bananas</li>
<li>Lemons</li>
<li>Oranges</li>
</ol>
</body>
</html>
OUTPUT :
PROGRAM 6
<!-- A Program to illustrate Unorder List tag -->
<html>
<title> Unorder List </title>
</head>
<body>
<h3 align="center"> To illustrate unorder list tags </h3>
<hr color="red">
<h4>Disc bullets list:</h4>
<ul type="disc"><li>Apples</l i>
<li>Bananas</li>
<li>Le mons</li>
<li>Oranges</li >
</ul>
<h4>Circle bullets list:</h4>
<ul type="circle"><li>Apples</l i>
<li>Bananas</li>
<li>Lem ons</li>
<li>Oranges</li>
</ul>
<h4>Square bullets list:
</h4><ul type="square"><li>Apples</l i>
<li>Bananas</li>
<li>Lemo ns</li>
<li>Oranges</li>
</ul>
</body>
</html>
OUTPUT:
THANX FOR USED THIS WEBSITE
Created By Dhruv Patel And Team
ConversionConversion EmoticonEmoticon