1.
Write a HTML program using all the basic Tags
Tags.html
<html>
<head>
</head>
<body bgcolor="cyan">
<p>1.This is a Simple Line in a Passage</p>
<b>2.This is a Bold Line</b><br>
<strong>3.This is a Strong Line</strong><br>
<i>4.This is an Italic Line</i><br>
<tt>5.This is a TT Line</tt>
<hr>
<h1 align="center"> 6.SPHOORTHY ENGG COLLEGE</h1>
<h2 align="center"> 7.Hyderabad</h2>
<h3 align="center"> 8.Hyderabad </h3>
<h4 align="center">9.Hyderabad</h4>
<h5 align="center">10.Hyderabad</h5>
<h6 align="center">11.Hyderabad</h6>
<hr>
<sub>12.A</sub><sup>13.B</sup> <br>
Some Escape Sequences : 14.&, 15.<, 16.>,17.  18." GNIT "
<hr>
<ins>19.naresh</ins><br>
<code>20.how are you</code><br>
<kbd>21.how are you</kbd><br>
<samp>22.how are you</samp><br>
<bdo dir="rtl"> 23.Right to Left </bdo><br>
<h1>24.Audio Controls</h1>
<audio controls>
<source src="Airtel.mp3" type="audio/mp3">
Audio not supported
</audio><br><br>
<h1>25.Video Controls</h1>
<video controls >
<source src="Abstract Class.mp4" type="video/mp4">
Video not supported
</video><br>
<abbr title="How are you">26.HAU</abbr><br>
<acronym title="I am Fine">27.IAF</acronym>
<blockquote>28.How are you</blockquote>
<em>29.How are you</em><br>
<q>30.How are you</q><br>
<s>31.How are you</s>
<h2>32.Image Tag</h2>
<img src="cutedog.jpg" alt="hi" height="300" width="300"><br>
<h2>33.Anchor Tag
<a href=" " target=" ">This is a Hyperlink</a></h2><br>
<del>34.hi how are you</del><br>
<strike>35.hi how are you</strike><br>
<big>36.hi how are you </big><br>
<small>37.hi how are you </small>
<marquee bgcolor="pink"><h1>38.hi how are you</marquee>
<marquee bgcolor="yellow" direction="right"><h1>39.hi how are you</marquee><br>
<h1>40.Special Symbols</h1>
©
®
µ
£
¥
♥
♠
$
41.Upload File<input type="file">
</body>
</body>
</html>
2. Write a HTML program for following Lists.
A. Ordered List. B. Unordered List. C. Definition List.
List.html
<html>
<head> <title> Types of Lists </title> </head>
<body>
<center>
<h1> Types of Lists </h1>
<h3> Ordered List </h3>
<ol >
<li type="1"> Item 1 </li>
<li type="A"> Item 2 </li>
<li type="a"> Item 3 </li>
<li type="I"> Item 4 </li>
</ol>
</center>
<left>
<h3> Unordered List </h3>
<ul >
<li type="square"> Item 1</li>
<li type="circle"> Item 2</li>
<li type="rectangle"> Item 3</li>
<li type="disc"> Item 4</li>
<ul>
</left>
<left>
<h3> Definition List </h3>
<dl>
<dt>HTML</dt>
<dd> Html stands for Hypertext Markup Language. It is used to display the
document in the web browsers. Html pages can be developed to be simple text or to be
complex multimedia program containing sound, moving images and java applets..</dd>
<dt>TABLES </dt>
<dd> The main use of table is that they are used to structure the pieces of
information and to structure the whole web page.</dd >
</dl>
</left>
</body>
</html>
3. Write an HTML Program to Create Your Class TimeTable
<html>
<head>
<title> table page</title>
</head>
<body bgcolor="cyan">
<table align="center" cellpadding="2" cellspacing="2" border="2" bordercolor=red>
<caption><h1>J.NARESH KUMAR</h1></caption>
<th><IMG SRC="download.jpeg" height="40"width="40"</th>
<th>1<br>9:20-10:15</th>
<th>2<br>10:15-11:05</th>
<th>3<br>11:05-11:55</th>
<th>4<br>11:55-12:45</th>
<th rowspan=7>Lunch</th>
<th>5<br>1:30-2:20</th>
<th>6<br>2:20-3:10</th>
<th>7<br>3:10-4:00</th>
<tr>
<td>MON</td>
<td>WT</td>
<td>CG</td>
<td>DWDM</td>
<td>NS</td>
<td>CF</td>
<td>ES</td>
<td>REMEDIAL</td>
</tr>
<tr>
<td>TUE</td>
<td>NS</td>
<td>CG</td>
<td>WT</td>
<td>DWDM</td>
<td COLSPAN=3><----WTLAB----></td>
</tr>
<tr>
<td>WED</td>
<td>ES</td>
<td COLSPAN=2><-CSA/NPTEL-></td>
<td>CG</td>
<td>CF</td>
<td>DWDM</td>
<td>ES</td>
</tr>
<tr>
<td>THU</td>
<td>CF</td>
<td COLSPAN=3><--ES/DW LAB--></td>
<td>INTERNET</td>
<td>NS</td>
<td>DWDM</td>
</tr>
<tr>
<td>FRI</td>
<td>DWDM</td>
<td>NS</td>
<td>SPORTS</td>
<td>CG</td>
<td>CF</td>
<td>WT</td>
<td>NS</td>
</tr>
<tr>
<td>SAT</td>
<td>CG</td>
<td>ES</td>
<td>WT</td>
<td>LIBRARY</td>
<td COLSPAN=3><--ES/DW LAB--></td>
</tr>
<tr>
</table>
</body>
</html>
4. Write an HTML Program to combine 3 HTML Programs
using Frames
<html>
<head>
<title>HTML Frames - An Advanced Frame Layout</title>
</head>
<frameset rows="20%,80%" border="10">
<frame src="HTML.html" name="frame1">
<frameset cols="25%,75%">
<frame src="List.html" name="frame2">
<frame src="TimeTable.html" name="frame3">
</frameset>
</frameset>
</html>
5. Write an HTML Program to Create Registration Form
<html>
<body bgcolor="wheat"><center>
<b> <h1><U>REGISTRATION PAGE: </u></h1></b>
UserId : <input type="text" id="uid"><br><br>
Password : <input type="password" id="pwd"><br><br>
confirm Password : <input type="password" id="cpwd"><br><br>
Email id : <input type="text" id="eid"><br><br>
Phone no : <input type="text" id="pno"><br><br>
Gender: <input type="radio" name="a1" value="male">Male <input type="radio"
name="a1" value="female">Female<br><br>
Qualification: <input type="checkbox" value="btech">B.Tech
<input type="checkbox" value="mtech">M.Tech<br>
Course:<select name="course" size=1>
<option value=cse selected>CSE
<option value=it>IT
<option value=ece>ECE
</select><br><br><br><br>
Address: <textarea rows=3 cols=15></textarea><br><br>
Date of Birth:
<select size="1" name="DD">
<option selected value="DD">Day</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
<select size="1" name="MM">
<option selected value="MM">Month</option>
<option value="JANUARY">JAN</option>
<option value="FEBRUARY">FEB</option>
</select>
<select size="1" name="YYYY">
<option selected value="YYYY">Year</option>
<option value="1989">1989</option>
<option value="1990">1990</option>
</select>
<br><br>
<input type="button" value="Submit">
<input type="button" value="Reset">
</center>
</body>
</html>
