Scribd
Upload
5 views

Web Lab Program NEW UPDATED

The document outlines a series of HTML projects including creating web pages for friends, countries, personal bio-data, class timetables, and hospital information. Each project includes specific HTML code examples and descriptions of the content to be displayed. The document serves as a guide for developing basic web pages using HTML.

Uploaded by

Naveenkumar
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
5 views

Web Lab Program NEW UPDATED

The document outlines a series of HTML projects including creating web pages for friends, countries, personal bio-data, class timetables, and hospital information. Each project includes specific HTML code examples and descriptions of the content to be displayed. The document serves as a guide for developing basic web pages using HTML.

Uploaded by

Naveenkumar
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 25

CONTENTS

FACULTY
Page No.
S.No. DATE TITLE SIGNATURE

1. FRIENDS LIST

2. SEVERAL COUNTRIES IN A PARAGRAPH

3. BACKGROUND DESIGN

4. USING LIST

5. FAMILY FACILITY

6. CLASS TIME TABLE

7. SET OF FRAMES

BIO DATA
8.

9. WEB PAGES

FAMILY DETAILS
10.
1. Develop a HTML document which displays you name as heading and displays
any four of your friends. Each of your friends names must appear as hot text.
When you click your friends name, it must open another HTML document,
which tells about your friend.

Friends .html
*************
<HTML>
<HEAD>
<TITLE>SEETHA</TITLE>
</HEAD>
<BODY BGCOLOR="#OOFFOO">
<H1 ALIGN=CENTER><U> NAME OF YOUR FRIENDS</U></H1>
<HR><BR>
<LH><B><U>FRIEND'S NAME</U></B></LH>
<A HREF="NISHA.HTML"><H2>NISHA</H2></A>
<A HREF="KANIKA.HTML"><H2>KANIKA</H2></A>
<A HREF="LAKSHANA.HTML"><H2>LAKSHANA</H2></A>
<A HREF="MADHUMITHA.HTML"><H2>MADHUMITHA</H2></A>
<A HREF="PRIYA.HTML"><H2>PRIYA</H2></A>
</BODY>
</HTML>

NISHA.HTML

<HTML>
<HEAD>
<TITLE>NISHA</TITLE>
</HEAD>
<BODY BGCOLOR="PINK">
<h1> <center> <B><U>ABOUT NISHA</U> </B></center></h1></br></br>
<P> <h1>Nisha is a good girl and she is working in a IT Company</h1></P>
</BODY>
</HTML>

KANIKA.HTML

<HTML>
<HEAD>
<TITLE>KANIKA</TITLE>
</HEAD>
<BODY BGCOLOR="ORANGE">
<h1> <center> <B><U>ABOUT KANIKA</U> </B></center></h1></br></br>
<P> <h1>Kanika is a good girl and she is working as a Teacher</h1></P>
</BODY>
</HTML>
Output:
2. Write names of several countries in a paragraph and store it as an HTML document,
world.html. Each country name must be a hot text. When you click India (for example), it
must open india.html and it should provide a brief introduction about India
2. WORLD.html
<HTML>
<HEAD>
<TITLE>COUNTRIES</TITLE>
</HEAD>
<BODY BGCOLOR="#OOFFOO">
<H1 ALIGN=CENTER><U> NAME OF THE COUNTRIES</U></H1>
<HR><BR>
<P> <h1> <b>The Countries are </h1> </b> <A
HREF="INDIA.HTML"><H2>INDIA</H2></A>
<A HREF="USA.HTML"><H2>USA</H2></A>
<A HREF="MALAYSIA.HTML"><H2>MALAYSIA</H2></A>
<A HREF="SINGAPORE.HTML"><H2>SINGAPORE</H2></A>
<A HREF="AUSTRALIA.HTML"><H2>AUSTRALIA</H2></A></P>
</BODY>
</HTML>
INDIA.HTML
<html>
<Head>
<Title>INDIA</Title>
</Head>
<Body Bgcolor="# ff7f50 ">
<H1 Align=Center><U> ABOUT INDIA</U></H1>
<Hr><Br>
<h1>Capital :- NEW DELHI</h1>
<h1>President :- DROUPADI MURMU</h1>
<h1>Prime Minister :- NARENDRA MODI</h1>
<br>
<a href="WORLD.HTML">Back</a>
</body>
</html>
Output:
3. Design a HTML document describing you. Assign a suitable background design and
background color and a text color.

Bgcolor.html

<html>
<head>
<title> ABOUT ME </title>
</head>
<body text="blue" bgcolor="yellow"
background="C:\Users\STUDENT\Pictures\tree.jpg">
<h1> <center> <U> ABOUT ME <U> </center> </h1>
<pre>
<h1>
“I am passionate about my work.
Because I love what I do,
I have a steady source of motivation that drives me to do my best.
In my last job, this passion led me to challenge myself daily and learn
new skills that helped me to do better work”.</h1></pre>
“I am passionate about my work.
Because I love what I do,
I have a steady source of motivation that drives me to do my best.
In my last job,
this passion led me to challenge myself daily and learn new skills that
helped me to do better work”
</body>
</html>
Output:
4. Develop a HTML document to print the following: Who can use the solar heaters? In
houses for domestic purposes. Anybody with a regular hot water demand. For
engineering / chemical industries, dairies and (cooking, bathing and washing). For
hostels, hospitals, textile/leather process plants, to – preheat boiler feed water. For
food-processing plants and for process guest houses and industrial canteens,
applications.
Solar.html
<html >
<head>
<title>Lists</title>
</head>
<body text="green" bgcolor="pink">
<h1><center><u>Who can Use the Solar Heaters</u></center></h1>
<h3>
<ol>
<li> Domestic Purpose</li>
<ul> <li>Hot water</li>
<li>Cooking</li>
<li>Bathing</li>
<li>Washing</li></ul>
<li> Engineering</li>
<li> Chemical Industries </li>
<li> Dairies </li>
<li> Hostels </li>
<li> Hospitals </li>
<li> Textiles </li>
<li>Leather process plants </li>
<ul> <li>Preheat boiler</li>
<li>Feed water</li></ul>
<li> Food processing plants </li>
<li> Guest Houses </li>
<li> Industrial canteens </li></ol>
</h3></body>
</html>
Output:
5. Write a HTML document to print the following: The family has the following facilities:
(list any 5 Facilities.)
Facilities.html

<HTML>
<HEAD>
<TITLE>FAMILY FACILITY</TITLE>
</HEAD>
<BODY BGCOLOR="#DC7633">
<H1 ALIGN="CENTER"> <MARQUEE> FAMILY FACILITY</MARQUEE>
</H1>
<H3>
<UL>
<LI>KITCHEN
<OL>
<LI> MIXIE
<LI>REFRIGERATORS
<LI>SLICERS
<LI>SINKS
<LI>LIGHT
<LI> VESSELS
</OL>
</UL>
</H3></BODY></HTML>
Output:
6. Write a HTML document to print your class Time Table.

COLLEGE TIME TABLE


*********************

<html>
<head>
<title>time table</title>
</head>
<body bgcolor="pink">
<H1><FONT COLOR="DARKCYAN"><CENTER>COLLEGE TIME
TABLE</FONT></H1>
<table border="2" cellspacing="3" align="center">
<tr>
<td align="center">
<td>9:30-10:10
<td>10:10-11:15
<td>11:15-11:30
<td>11:30-12:45
<td>12:45-1:30
<td>1:30-2:45
<td>2:45-4:00
</tr>
<tr>
<td align="center">MONDAY
<td align="center">---<td align="center"><font color="blue">SUB1<br>
<td rowspan="6"align="center">B<br>R<br>E<br>A<br>K
<td align="center"><font color="red">SUB3<br>
<td rowspan="6"align="center">L<br>U<br>N<br>C<br>H
<td align="center"><font color="maroon">SUB4<br>
<td align="center"><font color="brown">SUB5<br>
</tr>
<tr>
<td align="center">TUESDAY
<td align="center"><font color="blue">SUB1<br>
<td align="center"><font color="red">SUB2<br>
<td align="center"><font color="pink">SUB3<br>
<td align="center">---
<td align="center"><font color="orange">SUB4<BR>
</tr>
<tr>
<td align="center">WEDNESDAY
<td align="center"><font color="yellow">SUB1<br>
<td align="center"><font color="orange">SUB2<BR>
<td align="center"><font color="brown">SWA<br>
<td colspan="2" align="center"><font color="green"> lab
</tr>
<tr>
<td align="center">THURSDAY
<td align="center"><font color="violet">SUB1<br>
<td align="center"><font color="brown">SUB2<br>
<td align="center"><font color="orange">SUB3<BR>
<td align="center"><font color="blue">SUB4<br>

<td align="center"><font color="red">SUB5<br>


</tr>
<tr>
<td align="center">FRIDAY
<td align="center"><font color="orange">SUB1<BR>
<td align="center"><font color="maroon">SUB2<br>
<td align="center"><font color="blue">SUB3<br>
<td align="center"><font color="yellow">SUB4<br>
<td align="center"><font color="brown">SUB5<br>
</tr>
</body>
</html>
Output:
7. Develop a Complete Web Page using Frames and Framesets which gives the Information
about a Hospital using HTML.

HOSPITAL.HTML

<html>
<title>DHARAN HOSPITAL</title>
<body style="background-color:pink";>
<center><h1 style="font-family:Times New Roman;font- size:30px;color: BLUE">
<PRE>DHARAN HOSPITAL,</H1>
<H2>14 BYEPASS, SELVA NAGAR, CHINNUSAMY NAGAR,
SEELANAICKENPATTI,
SALEM.</PRE></h2></center>
<h2> <u>AIM</u></h2>
<p style="font-family:Verdana ;font-size:20px;color:RED">A RIGHT PLACE FPR RIGHT
CANCER TREATMENT </p>
</body>
</html>
FACILITIES.HTML

<html>
<title>HOSPITAL FACILITIES</title>
<body style="background-color:#F184A3"; >
<h1><u>FACILITIES</u><br/></h1>
<li >DOCTORS</li>
<li>CARRERS</li>
<li >HEALTH CHECK SERVICES</li>
<li>ABOUT US</li>
<li >HELP</li>
</body>
</html>

OVERVIEW.HTML

<html>
<title>OVERVIEW</title>
<body style="background-color:#F0BC78";>
<h1 style="font-family:TIMES NEW ROMAN ;font-
size:20px;color:Blue"><u>OVERVIEW</u></h1>
<p> OUR HOSPITAL IS THE MOST TRUSTED MULTISPECIALITY HOSPITAL.
<h2 style="font-family:TIMES NEW ROMAN ;font-size:20px;color:RED"><u> OTHER
FACILITIES</u></h2>
<p> OUR HOSPITAL HAS MULTIORGAN TRANSPLANT CENTER
,COMPREHENSIVE CANCER CENTER
<h3><u>ABOUT US</u></h3>
<p> Our Hospital is situated near seelanaickenpatti byepass,Salem <br>For More Details
Visit On <a href
="www.dharanhospitals.com">www.dharanhospitals.com<a>
</body>
</html>
FRAME.HTML

<html>

<title>FRAME</title>

<frameset rows="*,*">

<frame src="C:\Users\STUDENT\Desktop\HOSPITAL.HTML" name="left_top">

<frameset cols="*,*">

<frame src="C:\Users\STUDENT\Desktop\FACILITIES.HTML" name="left">

<frame src="C:\Users\STUDENT\Desktop\overview.HTML" name="right">

</frameset>

</html>
OUTPUT:
8. Write a HTML document to print your Bio-Data in the following format: NAME,
Religion, Community, Street, Town, District State, Address, PIN Code ,Office Phone
,Residence Mobile, Educational Qualification Degree University/Institute Month& year
Grade / Mark.

Biodata.html
<html>
<head>
<title>Bio-Data</title>
</head>
<body>
<center><h2>CURRICULAM VITAE</u></h2></center><br>
PRAKASH<br>
Mob.9034453983<br>
E-mail id: prakash@gmail.com</br>
<hr><br>
<table border="3" width="100%">
<tr>
<td colspan="4">
<center><b>Objective</b></center>
</tr>
</table>
<p>Seeking challenging position in Marketing and
interpersonal skills will play key role in achieving Organizational goals. </p>
<table border="3" width="100%">
<tr>
<td colspan="5">
<center><b>Educational Qualification</b></center>
</tr>
</table>
<h3><b><u>Academic:</u></b></h3>
B.Com CA from Mahendra Arts and Science College<center><br>
<table border="5" width="50%">
<tr>
<th>Class</th>
<th>Year of Passing</th>
<th>%age</th>
</tr>
<tr>
<th>SSLC</th>
<th>Dec. 2007</th>
<th>__%</th>
</tr>
<tr>
<th>HSC</th>
<th>May 2008</th>
<th>__%</th>
</tr>
<tr>
<th>BCom CA</th>
<th>Dec. 2008</th>
<th>__%</th>
</tr>
</table>
</center><br>
<table border="3" width="100%">
<tr>
<td colspan="5">
<center><b>Technical Skills<b></center>
</tr>
</table><br>
<pre>
Visual Basics, HTMLand Web Designing, Office Automation, Cost Accounting, Financial
Accounting, Advertisement</pre>
<table border="3" width="100%">
<tr>
<td colspan="5">
<center><b>Personal Details<b></center>
</tr>
</table><br>
<ul type="disc">
<pre>
Name: Prakash
Religion:
Community:
Street: 10th street
District: Salem
State: Tamilnadu
Pincode:637103
Mobile: 9034453983
Languages known Hindi, English
Hobbies Watching T.V.
</pre><br>
<pre>
Date:______________
Place:_____________
</pre>
</body>
</html>
Output:
9. Develop complete set of web pages to describe your skills in various areas using HTML.

Skills.html

<html>

<head>

<title>Skills</title>

</head>

<body style="background-color:#F0BC78";>

<h1><center><b><u>My Skills</u></b></center></h1>

<h2><ul>

<li> Programming in C</li>

<li> C++</li>

<li> Visual Basic</li>

<li> PHP</li>

<li> HTML</li>

<li> python</li>

<li>.Net</li>

<li> Dbms</li>

<li> java</li></ul></h2>

</body>

</html>
Output:
10. Develop a web site to publish your family and the details of each member using HTML.

FAMILY.HTML

<HTML>
<HEAD>
<TITLE>ORDER AND UNORDER LIST</TITLE>
</HEAD>
<BODY BGCOLOR="Pink">
<CENTER><H1><U>FAMILY LIST</U></H1></CENTER>
<OL><h2>
<LI> FATHER: RAMU</LI>
<LI> MOTHER : SUDHA</LI>
<LI> BROTHER SARAVANAN</LI>
<LI> SISTER :PRIYA</LI></h2></ol>
<PRE> <h2> There are five members in my family, first of my respected Father
Ramu who is retired government servant.

My lovely mother sudha.she has been source of inspiration &


motivation for me. She is house maker.

Other my family are one younger brother & sister, both are
studying.</h2>
</Pre>
</BODY>
</HTML>
Output:

You might also like