Scribd
Upload
51 views10 pages

HTML Programs 2024

Base html

Uploaded by

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

HTML Programs 2024

Base html

Uploaded by

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

11:Web page for Kerala Tourism

AIM
Design a simple and attractive web page for Kerala Tourism. lt should
contain features like background colour/image, headings, text
formatting and font tags, images, etc.
SOURCE CODE
<HTML>
<HEAD>
<TITLE>Kerala Tourism</TITLE>4
</HEAD>
<BODY background="kerala.jpg">
<CENTER>
<I><H1>Kerala Tourism</H1>
<H3>Welcome to God's own country</H3></I>
<U><H2>TouristDestinations</H2></U>
<FONT Face=Arial Color=Red size=5 >
Munnar<BR>
Alappuzha<BR>
Wayanad<BR>
Kochi<BR> Thekkadi
</FONT><BR><BR>
<IMG Src="boatrace.jpg" width="300" height="150"> &nbsp;&nbsp;
<IMG Src="kathakali.jpg" width="300" height="150"> &nbsp;&nbsp;
<IMG Src="houseboat.jpg" width="300" height="150"> &nbsp;&nbsp;
<IMG Src="wildlife.jpg" width="300" height="150">
</CENTER>
</BODY>
</HTML>
OUTPUT
12:Hyperlinking to Various Web Pages
AIM
Design a simple web page about your school. Create another web
page named address.html containing the school address. Give links
from school page to address.html and reverse.

SOURCE CODE

School.html

<HTML>
<HEAD>
<TITLE>My School</TITLE>
</HEAD>
<BODY Bgcolor=”yellow”>
<H1 Align =”Center”>MS NSS HSS NILAMBUR</H1>
<H3>Our School has the following courses</H3>
Biology Science <BR>
Computer Science<BR>
Humanities <BR>
Commerce <BR>
<A Href="address.html"> Address of the School</A>
</BODY>
</HTML>

address.html

<HTML>
<HEAD>
<TITLE>Address</TITLE>
</HEAD>
<BODY Bgcolor=”Cyan”>
<H3>School Address</H3>
MS NSS HSS CHAKKALAKUTH<BR> NILAMBUR<BR>
MALAPPURAM<BR> PIN: 679329<BR>
<a href = "School.html" > back to school </a>
</BODY>
</HTML>
OUTPUT:

School.html
MS NSS HSS NILAMBUR
Our School has the following courses
Biology Science
Computer Science
Humanities
Commerce
Address of the School

address.html
School Address
MS NSS HSS CHAKKALAKUTH
NILAMBUR
MALAPPURAM
PIN: 679329
back to school
13:Client login page
AIM
Design a web page as shown below

SOURCE CODE
<HTML>
<HEAD> <TITLE> LOGIN </TITLE> </HEAD>
<BODY>
<FORM>
<TABLE>
<TR> <TH> Client Login </TH> </TR>
<TR> <TD> User Name </TD> <TD> <INPUT Type ="Text"> </TD > </TR>
<TR> <TD> Password </TD> <TD> <INPUT Type ="Password"> </TD> </TR>
<TR>
<TD> <INPUT Type ="Submit"value ="Submit"></TD>
<TD> <INPUT Type ="Reset"value ="Clear"></TD>
</TR>
</TABLE>
</FORM>
</BODY>
</HTML>
OUTPUT
14:Table of terrestrial planets
AIM
Design a Web page containing a table as shown in Figure

SOURCE CODE
<html>
<head>
<title> Terrestrial Planets </title>
</head>
<body>
<table border = " 1 " > <caption> <b> Terrestrial Planets
</b>( Source NASA ) </caption>
<tr>
<th> Planet </th>
<th> Day Length <br> ( In Earth hour ) </th>
<th> Year Length <br> ( In Earth days ) </th>
</tr>
<tr>
<td> Mercury </ td >
<td> 1408 </ td >
<td> 88 </td>
</tr>
<tr>
<td> Venus </td>
<td> 5832 </td>
<td> 224.7 </td>
</tr>
<tr>
<td> Earth </td>
<td> 24 </td>
<td> 365.26 </td>
</tr>
</table>
</html>

OUTPUT:
15:Unordered List Tags
AIM
Design a Web page as shown below using appropriate List Tags
SOURCE CODE
<html>
<head>
<title> Higher Education Instituitions </title>
</head>
<body bgcolor = " Cyan ">
<h2> Leading Institutions in Kerala for Higher Education </h2>
<ul>
<li> Indian Institute of Technology ,Palakkad </li>
<li> National Institute of Technology ,Calicut </li>
<li> Indian Institute of Science Education and Research,
Thiruvananthapuram </li>
<li> National University of Advanced Legal Studies,Cochin</li>
<li> Indian Institute of Space science and Technology </li>
</ul>
</body>
</html>

OUTPUT

Leading Institutions in Kerala for Higher Education


•Indian Institute of Technology ,Palakkad
•National Institute of Technology ,Calicut
•Indian Institute of Science Education and Research, Thiruvananthapuram
•National University of Advanced Legal Studies,Cochin
•Indian Institute of Space science and Technology
16:Ordered List Tags
AIM
Design a Web page as shown below using appropriate List Tags
SOURCE CODE
<HTML>
<HEAD>
<TITLE>Covid 19</TITLE>
</HEAD>
<BODY Bgcolor=”Blue”>
<H3 Align=”Center”> Covid 19 Protocol</H3>
<OL>
<LI> Wash your hands using soap </LI>
<LI> Wear mask covering nose and mouth</LI>
<LI>Keep social distance</LI>
<LI>Sanitise your hand frequently</LI>
</OL>
</BODY>
</HTML>

OUTPUT

Covid 19 Protocol
1.Wash your hands using soap
2.Wear mask covering nose and mouth
3.Keep social distance
4.Sanitise your hand frequently

You might also like