Scribd
Upload
61 views12 pages

Exp No: 1 Date: Aim:: Me - HTML

The document contains examples of web programming experiments using HTML. The experiments cover creating basic HTML documents with headings, links and lists. They also cover more advanced concepts like tables, forms, frames and framesets. The experiments demonstrate how to structure and style web pages for displaying information like names, schedules and registration forms.

Uploaded by

RaHul Nfc
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
Download as pdf or txt
61 views12 pages

Exp No: 1 Date: Aim:: Me - HTML

The document contains examples of web programming experiments using HTML. The experiments cover creating basic HTML documents with headings, links and lists. They also cover more advanced concepts like tables, forms, frames and framesets. The experiments demonstrate how to structure and style web pages for displaying information like names, schedules and registration forms.

Uploaded by

RaHul Nfc
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
Download as pdf or txt
Download as pdf or txt
You are on page 1/ 12

Web Programming

EXP NO: 1
DATE:

AIM: Develop a html document which displays name as <h1> heading


and display any 4 of your friends.Each of your friend’s names must appear
as hot text.When you click your friends name must open another html
document,which tells about your friends.
PROGRAM:

me.html =>

<html>
<head>
<title></title>
</head>
<body>
<b><u><h1><font color=”green”>nimisha</h1></u><br><br><br>
<a href=”G:\work\html\link.html”>My friends..!</font></a>
</b>
</body>
</html>

link.html =>

<html>
<head>
<title></title>
</head>
<body bgcolor=”green”>
<b><u>
We are friends..!</u></b><br><br><br>
Krishna<br><br>
Kavya<br><br>
Kaveri<br><br>
Keerthi
</body>
</html>

1
Web Programming

OUTPUT:-

2
Web Programming

EXP NO: 2
DATE:

AIM: Write a html document to print the following


1.OWN HOUSE
*living area 2400 sqr feet
*room
*car Shed
2.CAR
*maruthi esteem
*registration number TN 38 A 9650
*1996 model
3.FARM
*35 acers coconut groves
*10 acers mango groves
PROGRAM:

list.html =>

<html>
<head>
<title></title>
</head>
<body>
<ol>
<li>OWN HOUSE
<ul>
<li>living area 2400 sqr feet
<li>room
<li>carshed </ul>
<li>
CAR
<ul>
<li>maruthi esteem
<li>registration number TN 38 A 9650
<li>1996 model
<li>FARM </ul>
<ul>
<li>35 acers coconut groves
<li>10 acers mango groves
</ul>
</ol></body></html>

3
Web Programming

OUTPUT:-

4
Web Programming

EXP NO: 3
DATE:

AIM: Write a html document to print your class time table

PROGRAM:

timetable.html =>

<html>
<head>
<title></title>
</head>
<body>
<table border=”10”>
<tr>
<th colspan=”10”>Time Table</th>
</tr>
<tr>
<th>Time</th>
<th>Mon</th>
<th>Tues</th>
<th>Wed</th>
<th>Thur</th>
<th>Fri</th>
</tr>
<tr>
<td>9.20 to 10.20</td>
<th>SS</th>
<th>OS</th>
<th>JAVA</th>
<th>A/C</th>
<th>A/C</th>
</tr>
<tr>
<td>10.20 to 11.20 </td>
<th>SS</th>
<th>OS</th>
<th>JAVA</th>
<th>SS</th>
<th>OS</th>
</tr>
<tr>
<td>11.20 to 11.45</td>
<th colspan=”5”>Interval</th>

5
Web Programming

</tr>
<tr>
<td>11.45 to 12.20 </td>
<th>SS</th>
<th>OS</th>
<th>JAVA</th>
<th>SS</th>
<th>OS</th>
</tr>
<tr>
<td>12.20 to 1.20</td>
<th colspan=”5”>Lunch Break</th>
</tr>
<tr>
<td>1.20 to 2.20 </td>
<th>SS</th>
<th>OS</th>
<th>JAVA</th>
<th>SS</th>
<th>OS</th>
</tr>
<tr>
<td>2.20 to 3.20</td>
<th>SS</th>
<th>OS</th>
<th>JAVA</th>
<th>A/C</th>
<th>A/C</th>
</tr>
</table>
</body>
</html>

6
Web Programming

OUTPUT:-

7
Web Programming

EXP: 4
DATE:

AIM: Develop a html document to display a registrationform for an iner-


collegiate function.
PROGRAM:

form.html =>

<html>
<head>
<title></title>
</head>
<body>
<u><b>registration form</b></u><br><br>
<form>
college name:<input type=”text” size=”10”><br><br>
address:<input type=”text’ size=”10”><br><br>
principal:<input type=”text’ size=”10”><br><br>
ph num:<input type=”text’ size=”10”><br><br>
items:<br><br><input type=”checkbox” name=”items” value=”speech”>speech<br><br>
<input type=”checkbox” name=”items” value=”story telling”>story telling<br><br>
<input type=”checkbox” name=”items” value=”mono-act”>mono-act<br><br>
<input type=”checkbox” name=”items” value=”bharatha natyam”>bharatha natyam<br><br>
<input type=”checkbox” name=”items” value=”kuchipudi”>kuchipudi<br><br>
<input type=”checkbox” name=”items” value=”oppana”>oppana<br><br>
<input type=”checkbox” name=”items” value=”other items”>other items<br><br>
number of items:<input type=”radio” name=”number of items” value=”less than 25”>less than
25<br><br>
number of items:<input type=”radio” name=”number of items” value=”less than 50”>less than
50<br><br>
<input type=”sumit” value=”submit”>
</form>
</body>
</html>

8
Web Programming

OUTPUT:-

9
Web Programming

EXP NO: 5
DATE:

AIM: Develop a complete webpage using frames and framesets.

PROGRAM:

frame 1.html =>

<html>
<head>
<title></title></head>
<body background=”C:\Users\Dell\Desktop\reshma\achu.jpg”>
<i><b><font size=”5”><h1 align=”center”>BHARATH COLLEGE</h1></font></b></i>
<font size=”2”><h5 aligh=”right”>
<a href=”C:\Users\Dell\Desktop\reshma\new\lg.html”target=”blank”>LOGIN</a></h5>
<h5 align=”right”>
<a href=C:\Users\Dell\Desktop\reshma\new\registrationform.html”target=”blank”>
REGISTRATION</a></h5>
<h5 align=”right”>
<a href=”C:\Users\Dell\Desktop\reshma\new\about.html”target=”blank”>ABOUT US</a></h5>
</font>
<marquee direction=”left”><font color=”pink”size=”6”>
Instutute of Management and Technology / partnering with BHARATHIAR UNIVERSITY COIMBATORE
</font></marquee>
</body></html>

frame 2.html =>

<html>
<head>
<title></title></head>
<body background=”C:\Users\Dell\Desktop\reshma\MY CODES\fs.jpg”>
<i><b><font color=”grey”size=”6”>Course offered:</font></b></i><br>
<font size=”4”color=”white”><ul>
<li><a href=”C:\Users\Dell\Desktop\reshma\salientfeature.html”target=”blank”>SALIENT
FEATURE</a></li>
<li><a href=”C:Users\Dell\Desktop\reshma\MY CODES\bca.html”>BCA</a></li>
<li><a href=”C:Users\Dell\Desktop\reshma\MY CODES\mca.html”><MCA</a></li>
<li><a href=”C:Users\Dell\Desktop\reshma\MY CODES\mba.html”>MBA</a></li><br>
<marquee direction=”left”><img src=”C:\Users\Dell\Desktop\reshma\r1 - Copy - Copy.jpg”
width=”300”>
</img>
</marquee></ul>
</font>
<body></html>

10
Web Programming

frame 3.html =>

<html>
<head>
<title></title></head>
<body background=”C:Users\Dell\Desktop\reshma\MY CODES\fs.jpg”>
<img src=”C:Users\Dell\Desktop\reshma\MY CODES\banu.jpg”>
<br><br><br>
<font size=”6”color=”white”>
<b><i>
In a caring and stimulating environment,
bharath education<br>
foundation to help our students
discover themselves naturing <br> their talents
and tapping and their impliciting potential inorder
to <br> achive personal standards of excellence
in academic <br> as well as co curricular activities
inculating civic sense and basic<br> human values.<br><br>
A Liberal education is that the civil,society,<br>
And at the heart of a liberal education is the act of teaching.</i></b>
<u><i><small>
<font size=”6”color=”red”><marquee direction=”left”>
<br><br>”Education is the most powerful weapon which you can use to change the world.”</font>
<font size=”6”color=”yellow”>An investment in knowledge pays the best interest.</font>
<font size=”6”color=”green”>Dream big and achieve what you want.</font>
</small></i></u><br><br><br><br><br><br><br>
</body>
</html>

frameset.html =>

<html>
<head><title></title>
</head>
<frameset rows=”30%,*”>
frame src=”C:Users\Dell\Desktop\reshma\frame 1.html”target=”blank”>
<frameset cols=”20%,*”>
frame src=”C:Users\Dell\Desktop\reshma\frame 2.html”target=”blank”>
frame src=”C:Users\Dell\Desktop\reshma\frame 3.html”target=”blank”>
</frameset>
</frameset>
</html>

11
Web Programming

OUTPUT:-

12

You might also like