Scribd
Upload
60 views41 pages

Index: S.No Date Program Name NO Signature

The document describes an HTML program that displays hospital information using framesets. The frameset divides the page into three frames - an image frame at the top taking up 20% width, a middle frame taking the remaining 80% width and 60% height, and a bottom frame taking the remaining 40% height. The middle frame displays information about free treatment services at the hospital using headings and an unordered list.

Uploaded by

HARIHARAN SANTHOSHKUMAR
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
60 views41 pages

Index: S.No Date Program Name NO Signature

The document describes an HTML program that displays hospital information using framesets. The frameset divides the page into three frames - an image frame at the top taking up 20% width, a middle frame taking the remaining 80% width and 60% height, and a bottom frame taking the remaining 40% height. The middle frame displays information about free treatment services at the hospital using headings and an unordered list.

Uploaded by

HARIHARAN SANTHOSHKUMAR
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/ 41

INDEX

S.NO DATE PROGRAM NAME PAGE SIGNATURE


NO

1. DISPLAYING FRIENDS NAMES

2. INTRODUCTION OF COUNTRIES

3. DESCRIBING ABOUT MY SELF

4. DISPLAYING USAGE OF SOLAR


HEATERS

5. DISPLAYING FAMILY FACILITIES

6. PRINT CLASS TIME TABLE

7. HOSPITAL INFORMATION USING


FRAMESETS

8. BIO DATA MY SELF

9. DISPLAYING MY SKILLS IN
WEB PAGES

10. DISPLAYING ABOUT FAMILY


MEMBERS

11. REGISTRATION FORM FOR INTER-


COLLEGIATE FUNCTION

12. DESIGN ALUMNI REGISTRATION


FORM OF MY COLLEGE
EX NO: 1

DATE: DISPLAYING FRIENDS NAMES USING HTML

AIM :

ALGORITHM :
HTML PROGRAM :
<!DOCTYPE html>
<html>
<title>ABOUT FRIENDS</title>
<body bgcolor= megenta>
<color =blue>
<font size=20><u>MY FRIENDS</u></font><br>
<font size=14 color = red><i>CLICK ON MY FRIEND NAME TO KNOW ABOUT THEM<i></font>
<h2><a href=akash.html>AKASH</a></h2>
<h2><a href= vicky.html>VIKRAM</a></h2>
</body>
</html>

AKASH.html
<!DOCTYPE html>
<html>
<title>AKASH</title>
<body bgcolor= green>
<h1>AKASH</h1>
<ol><font size =12>
<li>He is a very calm boy in the class
<li>He listen to the class with more patience
<li>He has some technical knowledge in android.
</ol></font>
</body>
</html>

VICKY.html
<!DOCTYPE html>
<html>
<title>VIKRAM</title>
<body bgcolor= green>
<h1>VIKRAM</h1>
<ol><font size =12><li>He is a very jovial boy in the class
<li>He had lot of friend
<li>He is good at sports activities
</ol></font>
</body>
</html>
OUTPUT :

RESULT :
EX NO: 2

DATE: INTRODUCTION OF CONTRIES

AIM :

ALGORITHM :
HTML PROGRAM :
<!DOCTYPE html>
<html>
<title>WORLD COUNTRIES</title>
<body bgcolor= cyan>
<font size =20><u>WORLD COUNTRIES</u></font><br>
<font size =14 color= green style = impact><i>CLICK ON ANY ONE OF THE COUNTRY NAME TO
KNOW ABOUT THEM</i></font>
<h2><a href= india.html>INDIA</a></h2>
<h2><a href= pakistan.html>PAKISTAN</a></h2>
<h2><a href= america.html>U.S.A</a></h2>
<h2><a href= uk.html>U.K</a></h2>
</body>
</html>

INDIA.html
<!DOCTYPE html>
<html>
<title>ABOUT INDIA</title>
<body>
<font size =20><u>INDIA-A Brief introducation</u></font><br>
<font size =6>
<p align= justify>india's history and calculate is dynamic, spanning back to the beginning of human
civilization.
it begains with a mysteriou calculat along the indus river and in framing comminities in the southern lands
of india.
the history of india is punctuated by constant intergration of migrating people with the diver cultures that
sourand india.
the history of india is punchtuated by constant integration of migrating people with the diverse calture that
surround india.avaliable evidance suggests that the use of iron,copper amd other metals was widely
prevalent in the india sub -cortinent at a fairly early period, which is indicative of the peogress that this part
of the world had made.
by the end of the fourth millenniem BC,india has emerged as a region of highly developed civilization.
</p></font>
</body>
</html>
AMERICA.html :
<!DOCTYPE html>
<html>
<title>ABOUT AMERICA</title>
<body>
<font size =20><u>AMERICA-A Brief introducation</u></font><br>
<font size =6> <p align= justify>The united states of america (USA),commonly knowm as the united states
(U.S or US)or America.it is a country primarily located in north America. it consists of 50 states,a federal
district,five major self governing territories,326 indian reservation,and some minor possession.at 3.8 million
square miles (9.8 million square kilometers),it is the world's third -or fourth-largest country by total area.
with a populication of more than 328 million people,it is the third most populars country in the world.the
national captical is washington, D.C.,and the most populars is new york city.
</p></font>
</body>
</html>
OUTPUT:

RESULT:
EX NO: 3

DATE: DISPLAYING ABOUT MY SELF USING HTML

AIM :

ALGORITHM :
HTML PROGRAM :

<!DOCTYPE html>
<html>
<title>ABOUT MY SELF</title>
<body>
<head>
<style>
body{background-color:powderblue;}
h1{color:blue;}
h2{color:green;}
p {color:red;}
</style>
</head>
<body>
<h1>ABOUT MY SELF</h1>
<p>My self ABCD,I belong from TAMIL NADU.

I am pursuing my under gratuation in information technology from indian institute of Technology.

I did my intermeediate from state Board with 72% & High school from state Board with 75%.

I like combuter,Because In my schooling days, I have scored High marks in that subject combared to maths,
physics.

My Hobbies is playing shuyyle.A passion for music and teaching kids.

My strength is takes Initoative to work independently,good leadership skil,adaptaple to any kind of situation
in estranged group&Helping tendency.

My weekness is I am not comfortable, untill I finish my work in the given time &over friendly in nature

my short term goal is to get the job reputed combany.

My long term goal is to become more responsible and knowledgeable personality and on respectable
position on my combany.
</p>
<h2> That's all about me!</h2>
</body>
</html>
OUTPUT:

RESULT:
EX NO: 4

DATE: DISPLAYING THE USAGE OF SOLAR HEATERS

AIM :

ALGORITHM :
HTML PROGRAM :

<!DOCTYPE html>
<html>
<title>SOLAR HEATERS</title>
<body>
<head>
<style>
body {background-color:ORANGE;}
h1 {color:blue;}
h2 {color:red;}
</style>
</head>
<body>
<h1><U>WHO CAN USE THE SOLAR HEATERS?</U></h1>
<ul type ="disc">
<li>ANYBODY WITH A REGULAR HOT WATER DEMAND </li>
<li>IN HOUSES FOR DOMESTIC PURPOSES(COOKING, BATHING AND WASHING)</li>
<li>FOR ENGINEERING/CHEMICAL INDUSTRIS, DAIRES AND TEXTILE / LEATHER PROCESS
PLANTS, TO- PREHEAT BOILER FEED WATER</li>
<li>FOR HOSTELS,HOSPITIALS,GUEST HOUSE AND INDUTRIAL CANTEENS</li>
<li>FOR FOOD -PROCESSING PLANTS AND FOR PROCESS APPLICATION</li>
</ul>
<h2>THANK YOU</h2>
</body>
</html>
OUTPUT:

RESULT:
EX NO: 5

DATE: DISPLAYING FAMILY FACILITIES

AIM :

ALGORITHM :
HTML PROGRAM :

<!DOCTYPE html>
<html>
<title>FAMILY - INFORMATION</title>
<body>
<head>
<style>
body{background -color:cyan;}
h1{color:blue;}
h2{color:red;}
</style>
</head>
<body bgcolor=skyblue>
<h1><U>FAMILY FACALITIES</U></h1>
<ul type = "disc">
<li>OWN HOUSE </li>
<li>LIVING AREA 2400 SQUARE FEET</li>
<li>SEPRATE BUNGALOW</li>
<li>CAR SHEED</li>
<li>CAR MARUTHI ESTEEM</li>
<li>REG NO TN 38 A 9650</li>
<li>1996 MODEL</li>
<li>FARM- 35 ACRES COCONUT GROOVES</li>
<li>10 ACRES MANGO GROOVES</li>
</ul>
<h2>THANK YOU</h2>
</body>
</html>
OUTPUT:

RESULT :
EX NO: 6

DATE: PRINT CLASS TIME TABLE

AIM :

ALGORITHM :
HTML PROGRAM :

<!DOCTYPE html>
<html>
<head>
<title>TIME-TABLE </title>
</head>
<body bgcolor="skyblue">
<h3><font color="blue"><center>II B.C.A - CLASS TIME TABLE</font><h3>
<table border="3"cellspacing="2" "align="center">
<tr>
<td align="center">DAY
<td>09:30-10:30
<td>10:30-11:30
<td>11:30-11:45
<td>11:45-12:45
<td>12:45-01:30
<td>01:30-02:30
<td>02:30-03:30
</tr>
<tr>
<td align="center">MONDAY
<td align="center"><font color="blue">SKIL LAB<br>
<td align="center"><font color="red">BA<br>
<td rowspan="6"align="center"><font color="blue">B<br>R<br>E<br>A<br>K
<td align="center"><font color="red">LINUX LAB<br>
<td rowspan="6"align="center"><font color="blue">L<br>U<br>N<br>C<br>H
<td align="center"><font color="maroon">LINUX LAB<br>
<td align="center"><font color="brown">BA<br>
</tr>
<tr>
<td align="center">TUESDAY
<td align="center"><font color="blue">LINUX LAB<br>
<td align="center"><font color="red">LINUX LAB<br>
<td align="center"><font color="red">BA<br>
<td align="center"><font color="maroon">LINUX <br>
<td align="center"><font color="brown">LINUX<br>
</tr>
<tr>
<td align="center">WEDNESDY
<td align="center"><font color="blue">SSOS<br>
<td align="center"><font color="red">---<br>
<td align="center"><font color="red">LINUX<br>
<td align="center"><font color="maroon">BA <br>
<td align="center"><font color="brown">SSOS<br>
</tr>
<tr>
<td align="center">THURSDAY
<td align="center"><font color="blue">SKILL LAB<br>
<td align="center"><font color="red">SKIL LAB<br>
<td align="center"><font color="red">SKIL LAB<br>
<td align="center"><font color="maroon">BA <br>
<td align="center"><font color="brown">SSOS<br>
</tr><tr>
<td align="center">FRIDAY
<td align="center"><font color="blue">LINUX <br>
<td align="center"><font color="red">BA<br>
<td align="center"><font color="red">SSOS<br>
<td align="center"><font color="maroon">LINUX LAB <br>
<td align="center"><font color="brown">LINUX LAB<br>
</tr>
<tr>
<td align="center">SATURDAY
<td align="center"><font color="blue">LINUX <br>
<td align="center"><font color="red">LINUX <br>
<td align="center"><font color="red">BA<br>
<td align="center"><font color="maroon">SSOS <br>
<td align="center"><font color="brown">---<br>
</tr>
</body>
</html>
OUTPUT :

RESULT :
EX NO: 7

DATE: HOSPITAL INFORMATION USING FRAMESETS

AIM :

ALGORITHM :
HTML PROGRAM :
<html>
<head>
<title>A simble frameset document</title>
</head>
<frameset cols="20%,100%">
<frameset rows="60,200">
<frame src="D:\yuvi\Screenshots\download.jfif">
<frame src="contents of frame1.html">
</frameset>
<frame src="contents of frame3.html">
</noframes>
<p>This framest document contains:
<ul>
<li><A href="contents of frame1.html">Some neat contents</A>
<li>img src="D:\yuvi\Screenshots\download.jfif">
<li><A href="contents of frame3.html">some other neat contents</A>
</ul>
</noframes>
</frameset>
<html>

FRAME1.html

<!DOCTYPE html>
<html>
<title>FAMILY - INFORMATION</title>
<body>
<head>
<style>
body{background -color:cyan;}
h1{color:blue;}
h2{color:red;}
</style>
</head>
<body bgcolor=skyblue>
<h1><U>FREE TREATMENT</U></h1>
<ul type = "disc">
<li>covid 19 </li>
<li>All fevers</li>
<li>Heart disease</li>
<li>Lung disease</li>
<li>Eye check up</li>
<li>Knee treatment</li>
<li>Physiotherapy for arthritis</li>
</ul>
<h2>THANK YOU</h2>
</body>
</html>

FRAME3.html

<!DOCTYPE html>
<html>
<title>ABOUT MY SELF</title>
<body>
<head>
<style>
body{background-color:powderblue;}
h1{color:blue;}
h2{color:green;}
p {color:red;}
</style>
</head>
<body>
<h1>ABOUT HOSPITAL</h1>
<h2> GOVERMENT HOSPITAL- COIMBATORE</h2>
<p>the govt Hospital is a state goverment run by medical college reconized by the medical council of india.
it is located in the city of coimbatore, in tamil nadu, india the hospital attiched to the colleges located near
the railway station and harbous departement like gasroentrology
</p>
</body>
</html>
OUTPUT :

RESULT :
EX NO: 8

DATE: BIO-DATA OF MYSELF

AIM :

ALGORITHM :
HTML PROGRAM:
<!DOCTYPE html>
<html>
<title>BIO-DATA</title>
<body>
<head>
<style> body {background-color: cyan;}
hl {color: blue;}
h2 {color:red;}
h3 {color:green;}
</style>
</head>
<body>
<h1><U> MY BIO-DATA </U></h1>
<h2> MY OWN BIO-DATA </h2>
<ul type="disc">
<li>Name: m.yuvaraj</li>
<li>Religion : Hindu </li>
<li>Community: Thullva velalur </li>
<li>Street: 25/B,Raja Street </li>
<li>Town: Ooty </li>
<li>District: Coimbatore </li>
<li>State: TamilNadu</li>
<li>Address: Coimbatore West </li>
<li>Pin: 641 044 </li>
<li>Office Phone: 0422 234567</li>
<li>Residence Mobile: 9791611653</li>
<li>Educational Qualifcation: M.C.A.,M.Phil.,Ph.D </li>
<li>Degree: PG With Doctorate </li>
<li>University: Bharathiar </li>
<li>Month & Year: October 2015 </li>
<li>Grade/Mark: A </li>
</ul>
<h3>Thank you</h3>
</body>
</html>
OUTPUT :

RESULT:
EX NO: 9

DATE: DISPLAYING MY SKILLS IN WEBPAGES

AIM :

ALGORITHM :
HTML PROGRAM :
<!DOCTYPE html>
<html>
<title>SKILLSETS</title>
<body>
<font size=20><u>MY SKILL SETS </u></font><br>
<font size=18 color=red style = impact><i> CLICK ON ANY ONE OF THE SKILL SETS TO KNOW
ABOUT MY SKILLSETS IN VARIOUS DOMAINS </i></font>
<h2><a href= academic.html>ACADEMIC SKILLS</a></h1>
<h2><a href= technical.html>TECHNICAL SKILLS</a></h1>
<h2><a href= cultural.html>CULTURAL SKILLS</a></h2>
<h2><a href= sports.html>SPORTS SKILLS</a></h2>
<h2><a href=social.html>SOCIAL SKILLS</a></h2>
</body>
</html>

TECHNICAL.html

<!DOCTYPE html>
html>
<title>TECHNICAL SKILL</title>
<body>
<head>
<style> body {background-color: cyan;}
hl {color: blue;}
h2 {color:red;}
</style>
</head>
<body>
<h1><U> TECHNICAL SKILL SETS </U></h1>
<ul type="disc">
<li>object oriented programming-c ,c++ and java </li>
<li>Android app developer </li>
<li>windows and linux </li>
</ul>
</body>
</html>
ACADEMIC.html

<!DOCTYPE html>
<html>
<title>ACADEMIC SKILLS </title> <style> </head>
<body>
<head>
body {background-color: cyan;}
h1 {color: blue;} h2 {color:red;}
</style>
<body>
<h1><U> ACADEMIC SKILLSETS </U></h1>
<ul type="disc">
<li> GOOD ENGLISH ORAL AND WRITTEN COMMUNICATION </li>
<li>GOOD SPEAKER IN DEBATE </li>
<li>STORY WRITING </li>
<li>POETRY WRITING </li>
</ul>
<h2>Thank you</h2>
</body>
</html>
OUTPUT:

RESULT:
EX NO: 10

DATE: DISPLAYING ABOUT FAMILY MEMBERS

AIM :

ALGORITHM :
HTML PROGRAM :
<!DOCTYPE html>
<html>
<title>FAMILY MEMBERS</title>
<body>
<font size =20><u>MY FAMILY MEMBERS</u></font><br><font size =18 color =blue style = impact><i>CLICK ON ANY
ONE OF MY FAMILY MEMBERS TO KNOW ABOUT MY FAMILY MAMBERS </i>\</font>
<h2><a href= father.html>FATHER</a></h1>
<h2><a href= mother.html>MOTHER</a></h1>
<h2><a href= brother.html>BROTHER</a></h1>
<h2><a href= sister.html>SISTER</a></h1>
<h2><a href= uncle.html>UNCLE</a></h1>
</body>
</html>

FATHER.html
<!DOCTYPE html>
<html>
<title>FATHER </title> <style> </head>
<body>
<head>
body {background-color: cyan;}
h1 {color: blue;} h2 {color:red;}
</style>
<body>
<h1><U>ABOUT MY FATHER </U></h1>
<ul type="disc">
<li> HARD WORKER</li>
<li>STRICT PERSON</li>
<li>KIND HEARTED PERSON</li>
</ul>
<h2>Thank you</h2>
</body>
</html>

MOTHER.html
<!DOCTYPE html>
<html>
<title>MOTHER</title> <style> </head>
<body>
<head>
body {background-color: cyan;}
h1 {color: blue;} h2 {color:red;}
</style>
<body>
<h1><U>ABOUT MY MOTHER</U></h1>
<ul type="disc">
<li> SMART WORKER </li>
<li>GOOD HOME MAKER</li>
<li>VERY JOVIAL PERSON</li>
<li>HONEST PERSON</li>
</ul>
<h2>Thank you</h2>
</body>
</html>
OUTPUT :

RESULT :
EX NO: 11

DATE: REGISTRATION FORM FOR INTER –COLLEGIATE

FUNCTION

AIM :

ALGORITHM :
HTML PROGRAMING :
<html>
<title> Intercollegiate Function</title>
<body bgcolor= "beige">
<form action="action_page.php">
<div class="container">
<h1> SMS COLLEGE OF ARTS AND SCIENCE</h1>
<font size=16 style=arial> INTERCOLLEGIATE FUNCTION </font>
<h2>Register</h2>
<p>Please fill in this form to Register</p>
<hr>
<label for="student name">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp <b>Name of
the candidate</b></label>
&nbsp<input type="text" placeholder="stud name" name="student" id="stud"
required><br><br>
<label for="college name"><b>Name of the college studying</b></label> <input type="text"
placeholder="Enter collegename" name="college" id="college"
required><br><br>
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<label
for "Address"><b>College Address</b></label> <input type="text" placeholder="Enter college address"
name="college add" id="cad"
required><br><br>
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
&nbsp&nbsp&nbsp &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
<label for=" cellno"><b>CellNo</b></label> <input type="text" placeholder "Enter cellno" name="cno"
id="cno" required><br>
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp <br>
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
&nbsp&nbsp&nbsp&nbsp&nbsp<label for="Name of the event"> <b>Name of the event </b></label>
<p>By creating an account you agree to our <a href="#">Rules for the Event </a></p> <button
type="submit" class="registerbtn">Register</button>
<input type="text" placeholder="event" name="event partcipate" id="participation" required<br><br> <hr>
</div>
<div class="container signin"> <p>Already registered? <a href="#"> Please click here to exit</a></p>
</div>
</form>
</body>
</title>
</html>
OUTPUT :

RESULT :
EX NO: 12

DATE: ALUMNI REGISTRATION FORM

AIM :

ALGORITHM :
HTML PROGRAMING :
<form action="action_page.php">
<div class="container">
<h1> ALUMNI REGISTRATION FORM </h1>
<h3>Register</h3>
<p>Please fill in this Alumni form to Register</p>
<hr>
<label for "Alumni Name"><b>Name of the Alumni</b></label> &nbsp &nbsp&nbsp &nbsp<input
type="text" placeholder="Enter Alumni name" name "Alumni Name" id="Alumni" required><br><br>
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
<label for="Branch of study">
<b> Course Studied</b>
</label>
<Name" id="Alumni" required><br><br>
&nbsp &nbsp&nbsp &nbsp<input type="text" placeholder-"Name of the course" name "Course
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<label for="Study Year">
<b> Year of Study</b></label>
&nbsp &nbsp&nbsp &nbsp&nbsp &nbsp&nbsp<input type="mumber" placeholder="Entername="year"
id="yr" required><br><br>
&nbsp &nbsp &nbsp &nbsp &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<label
Year"
for "Communication"><b>Address</b></label> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp<input
type="text" placeholder" Alumni Permanent
Address" name="alumini address" id="communication" required><br><br> <label
for="Contact"><b>Alumni MobileNo</b></label>
&nbsp &nbsp &nbsp &nbsp &nbsp &nbsp<input type="text" placeholder="Alumni contactno"
name="alumini cellno" id="industry" required><br><br>
&nbsp &nbsp &nbsp &nbsp &nbsp &nbsp&nbsp&nbsp<label for="email"><b>E-Mail
Id</b></label> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp<input type="text" placeholder "Alumni email"
name "alumini email" id="industry" required><br><br>
<label for="Company placed"><b> Currently working At</b></label>
&nbsp &nbsp <input type="text" placeholder="Employer Name" name="company nme"
id="industry" required><br><br>
<p>By registering you agree to participate in our COLLEGE ALUMNI FUNCTION<br><br> <a href="#">
YOU ARE REGISTERED</a></p>
&nbsp &nbsp<button type="submit" class="registerbtn">Register</button>
</div>
<div class="container signin">
<p>Already Registered? <a href="#">Sign in</a></p>
</div>
</form>
OUTPUT :

RESULT :

You might also like