1.
HEADINGS
<html>
<head>
<title> headings </title>
</head>
<body bgcolor="lightgreen">
<h1>This is heading level 1</h1>
<h2>This is heading Level 2</h2>
<h3>This is heading Level 3</h3>
<h4>This is heading Level 4</h4>
<h5>This is heading Level 5</h5>
<h6>This is heading Level 6</h6>
<a href="hyper [Link]"> back </a>
</body>
</html>
OUTPUT
[Link] PAGE CREATION USING FORMATTING TAGS
<html>
<head>
<title> HTML formatting </title>
</head>
<body bgcolor="olive">
<font color="pink">
<p> the following word uses a <b> bold </b> type face </p>
<P>the following word uses a <i> italic </i> type face </p>
<p>the following word uses a<u> underlion </u> type face </p>
<strong> this text is strong </strong>
<em>this text is emphasized </em>
<h2> HTML <small> small </small> formatting </h2>
<h2> HTML <mark> marked </mark> formatting </h2>
<p> this is <sub> subscriped </sub> text</p>
<p> this is <sup> superscriped </sup> text </p>
<p> my favarite color is <del> blue </del> red </p>
</font>
</body>
</html>
OUTPUT
[Link] LIST
<html>
<head>
<title> ordered list </title>
</head>
<body bgcolor="lightgreen">
<h1> <font color="red">vegtables</h1> </font>
<ol type ="1">
<l1> <font color="blue"><li> beetroot </li></l1></font>
<l2><font color="green"><li> ginger </li></l2> </font>
<l3> <font color="orange"><li> potato </li></l3> </font>
<l4> <font color="purple"><li> radish </li></l4> </font>
</ol>
<ol type ="i">
<h2> <font color="yellow">fruits</h2> </font>
<l1><font color="red"> <li> orange </li> </l1> </font>
<l2><font color="blue"> <li> mango </li> </l2> </font>
<l3><font color="brown"> <li> banana </li> </l3> </font>
<l4><font color="gold"> <li> apple </li> </l4> </font>
</ol>
<ol type ="a">
<h3> <font color="purple">flowers</h3> </font>
<l1> <font color="olive"> <li> sunflower </li></l1> </font>
<l2> <font color="red"> <li> lotus </li></l2> </font>
<l3> <font color="yellow"><li> jasmine </li></l3> </font>
<l4> <font color="brown"><li> lilly </li></l4> </font>
</ol>
</body>
</html>
OUTPUT
4. UNORDERED LIST
<html>
<head>
<title> unordered lists </title>
</head>
<body bgcolor="pink">
<ul type="square">
<li><font color="purple"> monitre </li></font>
<li><font color="yellow"> mouse </li></font>
<li><font color="orange"> keyboard </li> </font>
<li><font color="blue"> cpu </li></font>
</ul>
<ul type="disc">
<li><font color="red"> lightpen </li></font>
<li><font color="skyblue"> joystick </li></font>
<li><font color="green"> digital camera </li></font>
<li><font color="block"> carel reader </li></font>
</ul>
<ul type ="circle">
<li><font color="green"> printer </li></font>
<li><font color="white"> speaker </li></font>
<li><font color="teal"> projecter </li></font>
<li><font color="olive"> head phone</li></font>
</ul>
</body>
</html>
OUTPUT
5. DEFINITION LIST
<html>
<head>
<title> definion list </title>
</head>
<body bgcolor="teal">
<font color="red">
<dl>
<dt> <b> HTML </b> </dt>
<dd> this stants for hyper text markup language </dd>
<dt> <b> HTTP </b> </dt>
<dd> this stants for hyper text transfer protocal </dd>
</dl>
</font>
</body>
</html>
OUTPUT
6. MARQUEE CREATION
<html>
<head>
<title> marquee </title>
</head>
<body bgcolor="gold">
<marquee direction ="up"> this text will scroll from bottam to up</marquee>
<marquee direction="down"> this text will scroll from up to bottam</marquee>
<marquee direction="right">this text will scroll from left to right </marquee>
<marquee direction="left">this text will scroll from right to left </marquee>
</body>
</html>
OUTPUT
7. WEB PAGE WITH IMAGES
<html>
<head>
<title> image </title> </head>
<body bgcolor="pink">
<img src="F:\PHOTOS\FLOWERS\Flowers\$51$.jpg">
<img src="F:\PHOTOS\FLOWERS\Flowers\[Link]" height="300" width="300">
<img src="F:\PHOTOS\FLOWERS\Flowers\[Link]" height="250" width="250">
</body>
</html>
OUTPUT
8. FONT STYLES AND BODY COLORS
<html>
<head>
<title> colors&fontstyles </title>
</head>
<body bgcolor="olive">
<font face="times new roman" size="15" color="red">
personal information </font> <br>
<font face="verdana" size="12" color="yellow"> temple</font> <br>
<font face="monoserif" size="8" color="orange"> tamil </font> <br>
</body>
</html>
OUTPUT
9. HYPERLINK
<html>
<head>
<title> hyper link</title></head>
<body bgcolor="pink">
<a href="[Link]">images</a><br>
<a href="unordered [Link]"> unordered lists</a><br>
<a href="[Link]">heading</a><br>
<a href="[Link]"> timetable </a><br>
<a href="ordered [Link]"> ordered list </a><br>
<a href="[Link]"> marquee</a><br>
<a href="[Link]"> defenition </a><br>
<a href="[Link]"> fontstyles </a><br>
</body>
</html>
OUTPUT
[Link]
<html>
<head>
<title> table creation</title>
</head>
<body bgcolor="light green">
<table border="5"width="500"height="250">
<tr>
<td> <font color="red"> day /order</td>
<td><font color="olive"> 1</td>
<td> <font color="green"> 2</td>
<td><font color="purple"> 3</td>
<td> <font color="pink"> 4</td>
<td> <font color="yellow"> 5</td>
</tr>
<tr>
<td> <font color="wight"> monday </td>
<td> tamil </td>
<td> english </td>
<td> c++ </td>
<td> c++ lab </td>
<td> c++ lab </td>
</tr>
<tr>
<td><font color="red"> tuesday </td>
<td> english </td>
<td> tamil </td>
<td> c++ </td>
<td> web design lab </td>
<td> web design lab </td>
</tr>
<tr>
<td><font color="gold"> wednesday</td>
<td> tamil</td>
<td> english</td>
<td> C++ LAB</td>
<td> C++ LAB</td>
<td> C++ LAB</td>
</tr>
<td> <font color="brown"> thursday</td>
<td> tamil</td>
<td> english</td>
<td> c++</td>
<td> EVS</td>
<td> c++</td>
</tr>
<tr>
<td><font color="violet"> friday</td>
<td> c++</td>
<td> tamil </td>
<td> english</td>
<td> EVS</td>
<td> c++</td>
</tr>
<td><font color="blue"> saterday</td>
<td> english </td><td> tamil</td>
<td> WDL </td>
<td> WDL </td>
<td> WDL </td>
</tr>
</body>
</html>
OUTPUT
11. FRAMES
<html>
<head>
<title> frames</title>
</head>
<frameset cols="25%,50%,25%">
<body>
<frame src="[Link]"/>
<frame src="[Link]"/>
<frame src="[Link]"/>
</frameset>
</body>
</html>
OUTPUT
12. FORMS
<html>
<head>
<title> login form</title>
</head>
<font color='red'>
<h1> TNPSC exam form</h1>
<body bgcolor='pink'>
<form>
first name<input type='text' name='first name'><br>
father's /gartians name<input type='text' name='father's/gartian name'><br>
address<input type='text' name='address'><br>
phone number<input type='text' name='phone number'><br>
gender <br>`123
<input type="radio" name="gender"> male
<input type="radio" name="gender"> female<br>
DOB<br>
day<input type='text' name='day:'>
month<input type='text' name='month:'>
year<input type='text' name='year:'> <br>
Age<br>
<select>
<option>18to25</option>
</select><br>
caste<br>
<input type="radio" name="caste">BC/OC
<input type="radio" name="caste">DNC/MBC
<input type="radio" name="caste">SC/ST<br>
religion<br>
<input type="radio" name="religion">hindu
<input type="radio" name="religion">musliem
<input type="radio" name="religion">christian<br>
first graduate<br>
<input type="radio" name="first graduate">yes
<input type="radio" name="first graduate">no<br>
Degree <br>
<select>
<option>B SC/MSC</option>
<option> MBA/MCA</option>
<option>BE/ME</option>
</select><br>
signature<br>
student signature<br>
<input type="text" name="student signature"><br>
<input type="button" value="submit">
</font>
</body>
</html>
OUTPUT