Scribd
Upload
3 views5 pages

Basic HTML Progs

The document contains multiple HTML programs demonstrating various elements and structures, including basic tags, lists, a class timetable, frames, and a registration form. Each section showcases different HTML features such as ordered and unordered lists, tables, audio and video controls, and form elements. The programs are structured to illustrate practical applications of HTML in web development.

Uploaded by

ramcharan3620
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
3 views5 pages

Basic HTML Progs

The document contains multiple HTML programs demonstrating various elements and structures, including basic tags, lists, a class timetable, frames, and a registration form. Each section showcases different HTML features such as ordered and unordered lists, tables, audio and video controls, and form elements. The programs are structured to illustrate practical applications of HTML in web development.

Uploaded by

ramcharan3620
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 5

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.&amp, 15.&lt, 16.&gt,17.&nbsp 18.&quot GNIT &quot
<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>
&copy; &nbsp;&nbsp;
&reg; &nbsp;&nbsp;
&micro; &nbsp;&nbsp;
&pound; &nbsp;&nbsp;
&yen; &nbsp;&nbsp;
&hearts; &nbsp;&nbsp;
&spades; &nbsp;&nbsp;
&dollar;
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>

You might also like