Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                

Lab HTML

Download as pdf or txt
Download as pdf or txt
You are on page 1of 5

Design a simple and attractive webpage for Kerala Tourism.

It should
contain features like background colour/image, headings, text formatting and
font tags, images, etc.

<html>
<head>
<title>Kerala Tourism</title>
</head>
<body bgcolor="Red">
<CENTER>
<h1>Visit Kerala</h1>
<i>God's Own Country</i>
<center>
<hr>
<font face="verdena" color="yellow" size=5>
excellent climate <br>
backwater tourism <br>
hillstations <br>
cultural specialities <br>
ethnic food <br>
</font>
<img src=”tour.jpg”>
<p align=right>
<i>secterary, ktdc</i>
</p>
</body>
</html>
Design a web page using list tags as shown below

Wild life Sanctuaries in Kerala


 Iravikulam
 Muthanga
 Kadalundi

<html>
<head>
<title>Wild Life </title>
</head>
<body >
<h1>Wild life Sanctuaries in Kerala</h1>
<ul>
<li>Iravikulam</li>
<li> Muthanga</li>
<li> Kadalundi</li>
</ul>
</body>
</html>
Design a web page using list tags as shown below

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

<html>
<head>
<title>Covid19 </title>
</head>
<body >
<h1> Covid 19 protocol</h1>
<ol>
<li> Wash your hands using soap</li>
<li> Wear mask covering nose and mouth</li>
<li> Keep social distance</li>
<li> Sanitize your hands frequently</li>

</0l>
</body>
</html>
. AIM: Design a simple webpage about your school. Create another webpage
named address.html containing the school address. Give link from school page
to address.html

School.html
<HTML>
<HEAD>
<TITLE>MY SCHOOL</TITLE>
</HEAD>
<BODY>
<CENTER>
<H1>My School</H1><BR>

<A Href="Address.html">About</A>
<BR>
<IMG Src="Tour.jpg">
<BR>
</CENTER>
</BODY>
</HTML>

Address.html

<HTML>
<HEAD>
<TITLE>ADDRESS</TITLE>
</HEAD>
<BODY>
<CENTER>
<B>ABOUT</B>
<BR>
<H2>
MUKKAMHSS<BR>
MUKKAM<BR>
KOZHIKODE<BR>
KERALA <BR>
</H2>
</CENTER>
</BODY>
</HTML>
Design a web page containing a table as shown below Level 2
Terrestrial planets( Source: NASA)

planet Day length(in earth hours) Year length(in earth days)


Mercury 1408 88
Venus 5832 224.7
Earth 24 365.26
Mars 25 687

<html>
<head>
<title>table Design</title>
</head>
<body>
<h1 align=”center”> Terrestrial planets( Source: NASA) </h1>
<table border=1>
<TR>
<TH > planet </TH>
<TH> Day length(in earth hours)</TH>
<TH> Year length(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>

<TR>
<TD > Mars </TD>
<TD >25</TD>
<TD >687</TD>
</TR>
</table>
</body>
</html>

You might also like