You are on page 1of 7

Program 1

INPUT:
<html>

<head>

<title> body and pre tag</title>

</head>

<body text="white" bgcolor="red"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 yses

pre tag so doesnt preserves

neatline and spaces..everything

will be printed in the same line

</body>

</html>

OUTPUT:
Program 2
INPUT:
<html>

<title> font tag example </title>

<body>

<font face="arial"size="1"color="blue"> WELCOME </font>

<font size="2"color="cyan"> WELCOME </font> <br>

<font size="3"color="red"> WELCOME </font> <br>

<font size="4"color="yellow"> WELCOME </font> <br>

<font size="5"color="green"> WELCOME </font> <br>

<font size="6"color="brown"> WELCOME </font> <br>

<font size="7"color="pink"> WELCOME </font> <br>

<font size="20"color="grey"> WELCOME </font> <br>

<font size="30"color="black"> WELCOME </font> <br>

</body>

</html>

OUTPUT:
Program 3
INPUT:
<html>

<head>

<title> Illustration 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 a h4 tag text without alignment</h4>

<h5> this is a h5 tag text without alignment</h5>

<h6> this is a h6 tag text without alignment</h6>

</body>

</html>

OUTPUT:
Program 4
INPUT:
<html>

<head>

<title>Text Tags </title>

</head>

<body>

<center>

<h1 align="center"> To illustrate text formatting tags </h1>

<hr color="grey">

<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>

<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

INPUT:
<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>Apple</li>

<li>Bananas</li>

<li>Lemons</li>

<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: