You are on page 1of 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