Experiment No-1: Creation of a Website.
Create a
Website of 3 pages in which each web page is
interlinked. Select appropriate theme (like Hotel Profile, Company Profile etc.) and create web pages as follows.
The first page of the website has a background image related to the theme - An
introduction to the theme has
highest level heading
and 4 physical
tags. It has two hyperlinks. The color of the hyperlink should be other than default color.
The second page has an ordered list with 5
items; a link to an e-mail address. The second page should be connected to the
first page through an image icon (image hyperlink) and to the third page
through text link.
The third page has a form generated with
controls like text, radio button, textarea and submit button. It connects to
the home page through an image icon. The second page is connected through a
text link.
Page1.html
<html>
<head>
<title>page
1</title>
</head>
<body
background="Desert.jpg" link="red"
text="yellow">
<h1
align="center">Lilavati Lalji Dayal High college</h1>
08<sup>th</sup>June 2019
<br><br>
<b>Junior
College -section</b>
<br><br>
<i>Science</i>
<br><br>
<u>Commerce</u>
<br><br>
<b>Arts</b>
<br><br><br><br>
<a
href="page2.html">
<img
src="Desert.jpg" height="200"
width="200"></a><br><br>
<a
href="page3.html">Click here to open page 3.</a>
</body>
</html>
Page2.html
<html>
<head>
<title>page
2</title>
</head>
<body
bgcolor="red" link="green">
<h1
align="center">Various Subject</h1>
<ol
type="a">
<li>Information
Technology</li>
<li>Hindi</li>
<li>English</li>
<li>Marathi</li>
<li>Maths</li>
<li>Physical
Education</li>
</ol>
<a
href="mailto:abc@hotmail.com">Contact
us</a><br><br>
<a
href="page1.html">
<img
src="Jellyfish.jpg" height=200 width=400> </a>
<br><br>
<a
href="page3.html">click here to open page 3</a>
<body>
</html>
Page3.html
<html>
<head>
<title>page
3</title>
</head>
<body
bgcolor="yellow" link="green">
<h1
align="center">Student Registration Form</h1>
<form
name="f1">
Enter
your name
<input
type="text" name="t1"><br><br>
Enter
your age
<input
type="text" name="t2"><br><br>
Enter
your Address
<textarea
name="t3"></textarea><br><br>
Gender
<input
type="radio" name="r1">Male
<input
type="radio" name="r2">Female<br><br>
<input
type="submit" name="b1" value="submit">
<input
type="reset" name="b2">
</form>
<br>
<br>
<a
href="page1.html">
<img
src="Tulips.jpg" height=200
width=400></a><br><br>
<a
href="page2.html">click here to open page 2</a>
</body></html>
No comments:
Post a Comment