Scribd
Upload
132 views30 pages

WT 2

The document contains code for a simple HTML page containing various tags like head, title, body, headings, paragraphs, lists, images, links, and tables. It also includes code for inline and internal styling of elements on the page. Finally, it shows examples of adding dynamic features like date and time to a web page and collecting user information using a registration form.

Uploaded by

Lijo Philips
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
132 views30 pages

WT 2

The document contains code for a simple HTML page containing various tags like head, title, body, headings, paragraphs, lists, images, links, and tables. It also includes code for inline and internal styling of elements on the page. Finally, it shows examples of adding dynamic features like date and time to a web page and collecting user information using a registration form.

Uploaded by

Lijo Philips
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 30

Q1. Make a Simple web page containing almost all the tags of HTML?

<!doctype html>
<html>
<head>
<title>Welcome to HTML</title>
</head>

<body bgcolor="cyan">
<h1><center>Web Technologies</center></h1>
<p>Hi My name is Manish, My Enrollement No is <b> 02380304412 </b> I am in <i>4th
semester of <abbr title="Master of Computer Application">MCA</abbr></i> and we have to
make LAB File for <b>Web Technologies</b> Subject."></acronym>.</p>
<br/>
<p><img src="desert.jpg" height=200 width=400>Sample Image</img></p>
<p>Ordered List:<br/>
<ol>
<li>Yahoo</li>
<li>Facebook</li>
<li>Google</li>
<li>MSN</li>
</ol><br/>
Unordered List:
<ul>
<li>Manish</li>
<li>Nikhil</li>
<li>Chetan</li>
<li>Rahul</li>
<li>Avadhesh</li>
</ul>
</p>

<table border = 1>
<tr>
<th>Enrollment Number</th>
<th>Name</th>
</tr>
<tr>
<td>02380304412</td>
<td>Manish</td>
</tr>
<tr>
<td>05280304412</td>
<td>Nikhil</td>
</tr>
<tr>
<td>05380304412</td>
<td> Chetan</td>
</tr>
<tr>
<td>04680304412</td>
<td>Rahul</td>
</tr>
<tr>
<td>02580304412</td>
<td>Avadhesh</td>
</tr>
</table>

To visit our college website, click <a href="http://rdias.ac.in" target="_blank">RDIAS</a>


</body>
</html>

OUTPUT














Q2. Make a web page for Crime against Poor Community,Link few more pages to the
developed page,containing information about Crime and Steps taken by Government. (Use
HTML tags to make a Static web page.


<html>
<head>
<title>Crime Against Poor Community</title>
<style type="text/css">
body
{
background-repeat: no-repeat;
background-size: 100%;
}
p
{
font-family:verdana;
font-size:20px;
}
</style>
</head>

<body background="crime.jpg">
<h1>Crime Against Poor Community - Home</h1>
<a href="question2.html">Home</a>&nbsp;<a href="crimes.html">Crimes</a>&nbsp;<a
href="facts.html">Facts of Interests</a>
<p>
Indias National Crime Records Bureau (NCRB) publishes detailed crime statistics in an
annual report called Crime in India. Published since 1953, the guide serves as a comprehensive
reference source for the countrys policy-makers, law enforcement agencies, and citizen
stakeholders.
<br/>
Criminal activity is a negative aspect of life for citizens of any country. Unfortunately, for those
whose health and security are already compromised by poverty and marginalization, the effects
of crime and victimization are even greater. In all societies, it is the children who are most
vulnerable and therefore most at risk. This is quite evident in India.
<br/>
Crime in India 2010 includes data that relates specifically to Crime Against Children.
According to the report, there were a total of 26,694 reported cases of crimes that were
committed against children in that country in 2010 (p.91). These are crimes that are punishable
under either the Indian Penal Code (IPC) or under Special and Local Laws (SLL), and all pertain
to children less than 18 years of age. They represent wide-ranging acts of abuse, neglect, and
exploitation that are especially tragic because of the young age of their victims.
<br/>
<p>

</body>
</html>


<html>
<head>
<title>Crime Against Poor Community</title>
<style type="text/css">
body
{
background-repeat: no-repeat;
background-size: 100%;
}
p
{
font-family:verdana;
font-size:20px;
}
</style>
</head>

<body background="image.jpg">
<h1>Crime Against Poor Community - Crimes</h1>
<a href="question2.html">Home</a>&nbsp;<a href="crimes.html">Crimes</a>&nbsp;<a
href="facts.html">Facts of Interests</a>
<p>
The following table breaks down Indias 2010 child-victim crime numbers into specific
categories:
<br/>

<table border="1">
<tr>
<td>Murder</td>
<td>1408</td>
</tr>
<tr>
<td>Foeticide</td>
<td>111</td>
</tr>
<tr>
<td>Infanticide(0 to 1 year)</td>
<td>100</td>
</tr>
<tr>
<td>Abetment to Suicide</td>
<td>56</td>
</tr>
<tr>
<td>Exposure and Abandonment</td>
<td>725</td>
</tr>
<tr>
<td>Kidnapping and Abduction</td>
<td>10,670</td>
</tr>
<tr>
<td>Procuration of Minor Girls(for illicit intercourse)</td>
<td>679</td>
</tr>
<tr>
<td>Selling of Girls Prostitution</td>
<td>130</td>
</tr>
<tr>
<td>Buying of Girls for Prostitution</td>
<td>78</td>
</tr>
<tr>
<td>Rape</td>
<td>5,484</td>
</tr>
<tr>
<td>Other Crimes Including(Prohibition of Child Marriage Act 2006)</td>
<td>7,253</td>
</tr>
</table>
</p>
</body>
</html>

OUTPUT








Q3. Use inline styling to change appearance of contents of the web page.Use
Style sheets (embedding or linking) to change the appearance of all the pages
developed in the above case.

<html>
<head>
<title>Styling Example</title>
</head>

<body style="background-color:yellow;">
<h1 STYLE="background: #000080; color:white; font: 36pt/40pt courier; font-variant: small-
caps; border: thick dashed blue">Inline Styline Example</h1>
<p style="color:red; font: 20pt courier;">In this example, we are showing the inline styling in
HTML. It is very simple, as we just have to use the style tag with the tags on which we want to
apply the styles.
<br><br>
<table border="1" STYLE="font-weight: bold; margin-left: 400px; height:300px;
width:500px;">
<tr style="background: blue; color: white;">
<th>Enrollment Number</th>
<th>Student Name</th>
<th>Age</th>
<th>Phone Number</th>
</tr>
<tr>
<td style="background: #006600; color: white;">02380304412</td>
<td style="background: #660000; color: white;">Manish Kumar</td>
<td style="background: #990033; color: white;">22</td>
<td style="background: #FF0099; color: white;">1234567890</td>
</tr>
<tr>
<td style="background: #006600; color: white;">04680304412</td>
<td style="background: #660000; color: white;">Rahul</td>
<td style="background: #990033; color: white;">22</td>
<td style="background: #FF0099; color: white;">2134567890</td>
</tr>
<tr>
<td style="background: #006600; color: white;">05280304412</td>
<td style="background: #660000; color: white;">Nikhil</td>
<td style="background: #990033; color: white;">22</td>
<td style="background: #FF0099; color: white;">6547389201</td>
</tr>
</table>
</p>
</body>
</html>





OUTPUT

































Q4. At this step of web page development add dynamic features such as
adding time and current date to the web page.

<html>
<head>
<script type="text/javascript">
function startTime()
{
var today=new Date();
var h=today.getHours();
var m=today.getMinutes();
var s=today.getSeconds();
// add a zero in front of numbers<10
m=checkTime(m);
s=checkTime(s);
document.getElementById('txt').innerHTML=h+":"+m+":"+s;
t=setTimeout('startTime()',500);
}
function checkTime(i)
{
if (i<10)
{
i="0" + i;
}
return i;
}
</script>
</head>
<body onload="startTime()">
<div id="txt"></div>
</body>
</html>

















OUTPUT :-






































Q5. Collect user information using forms, for registration. Display the collected user details
using message box, saying thank you for registration.

<html>

<body>
<div id="container">
<form>
<h1>Create Logon</h1>
<div class="line"><label for="username">Username *: </label><input type="text"
id="username" /></div>
<div class="line"><label for="pwd">Password *: </label><input type="password"
id="pwd" /></div>
<div class="line"><label for="surname">Surname *: </label><input type="text"
id="surname" /></div>
<div class="line"><label for="other_names">Other Names *: </label><input
type="text" id="names" /></div>
<div class="line"><label for="dob">Date of Birth *: </label><input type="text"
id="dob" /></div>
<div class="line"><label for="email">Email *: </label><input type="email"
id="email" /></div>
<!-- Valid input types: http://www.w3schools.com/html5/html5_form_input_types.asp
-->
<div class="line"><label for="tel">Telephone: </label><input type="text" id="tel"
/></div>
<div class="line"><label for="add">Address *: </label><input type="text" id="add"
/></div>
<div class="line"><label for="ptc">Post Code *: </label><input type="text" id="ptc"
/></div>
<div class="line submit"><input type="submit" value="Submit" /></div>

<p>Note: Please make sure your details are correct before submitting form and that all
fields marked with * are completed!.</p>
</form>
</div>
</body>
</html>















OUTPUT






























Q6. Create a Website of a student containing personal information about student such as email
address, photograph, likes, dislikes, hobbies,class, school name, achievements, favorite restra,
favorite tourist places, ultimate aim of life, message to mankind, role model.



<html>
<head>
</head>
<body>

<table border=1 align=center>
<th colspan=4>STUDENTS DETAILS</th>
<tr>
</tr>
<tr>
</tr>
<tr>
<td colspan=2>First Name :</td>
<td colspan=2><input type="text"></td>
</tr>
<tr>
<td colspan=2>Last Name :</td>
<td colspan=2><input type="text"></td>
</tr>
<tr>
<td colspan=2>Email Id :</td>
<td colspan=2><input type="text"></td>
</tr>
<tr>
<td colspan=2>Phone Number :</td>
</tr>
<tr>
<td colspan=2>Residence Number :</td>
<td colspan=2><input type="text"></td>
</tr>
<tr>
<td colspan=2>Mobile Number :</td>
<td colspan=2><input type="text"></td>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
<td colspan=4><b>Address</b></td>
</tr>
<tr>
<td colspan=2>Street</td>
<td colspan=2><input type=" textfield "></td>
</tr>
<tr>
<td colspan=2>City</td>
<td colspan=2><input type=" text " </td>
</tr>
<tr>
<td colspan=2>STATE</td>
<td colspan=2><input type=" text " </td>
</tr>
<tr>
<td colspan=2>PINCODE</td>
<td colspan=2><input type=" text " </td>
</tr>
<tr>
<td colspan=2>DATE OF BIRTH</td>
<td colspan=2><input type="text"></td>
</tr>
<tr>
<td >COURSE</td>
<td ><input type="radio" name="course" checked>MCA</td>
<td ><input type="radio" name="course" >MBA</td>
<td ><input type="radio" name="course" >BBA</td>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
<td colspan=4><b>QUALIFICATION</b></td>
</tr>
<tr>
<td colspan=2>SECONDARY</td>
<td colspan=2><input type="text"></td>
</tr>
<tr>
<td colspan=2>SENIOR SECONDARY</td>
<td colspan=2><input type="text"></td>
</tr>
<tr>
<td colspan=2>GRADUATION</td>
<td colspan=2><input type="text"></td>
</tr>
<tr>
<td >HOBBIES</td>
<td ><input type="checkbox">CRICKET</td>
<td><input type="checkbox">CHESS</td>
<td><input type="checkbox">BASEBALL</td>
</tr>
<tr>
<td colspan=2 align=center><input type="reset"></td>
<td colspan=2 align=center><input type="submit"</td>
</tr>
</table>

</body>
</html>





OUTPUT:-













Q7. Create a Website of a School providing information of a school containing Moto of
school, photograph of school, brief description of school, name of the principal, facilities and
infrastructure, labs, sports, faculty and departments information, results and achievements of
students.

<html>
<head>
<title></title>
<style type="text/css">
.style1
{
width: 805px;
}
.style2
{
width: 805px;
height: 204px;
}
.style3
{
width: 805px;
height: 44px;
}
.style4
{
width: 1279px;
}
</style>
</head>
<body>
<div>
<table border="1">
<tr>
<td class="style1">
<img alt="" src="images/ban.JPG" style="height: 169px; width: 1230px" /></td>
</tr>
<tr>
<td><iframe src="" style="width: 99%; height: 100px" name=target1 ></iframe></td>
</tr>
<tr>
<td>
<center><a href="galary.html" target=target1>Gallery</a> </center>
</td>
</tr>
<tr>
<td class="style2" style="vertical-align: top; text-align: center">
<br />
<br />
<table>
<tr>
<td>
&nbsp;&nbsp;
<img alt="" src="images/home.gif" style="height: 63px; width: 75px" /><br />
&nbsp;&nbsp;&nbsp;<a href="home.html" target=target>HOME</a><br />
<br />
</td>
<td rowspan="3"
class="style4">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb
sp;&nbsp;
<iframe src="" style="width: 95%; height: 398px" name=target ></iframe></td>
</tr>
<tr>
<td>
&nbsp;&nbsp;&nbsp;
<img alt="" src="images/cont.jpg" style="height: 51px; width: 70px" /><br />
<a href="contactus.html" target=target>CONTACT US</a><br />
<br />
</td>
</tr>
<tr>
<td>
&nbsp;&nbsp;&nbsp;
<img alt="" src="images/about.png" style="height: 64px; width: 79px" /><br />
<a href="aboutus.html" target=target>ABOUT US</a></td>
</tr>
</table>
<br />
</td>
</tr>
<tr>
<td class="style3" style="text-align: left; vertical-align: top"><center><h3><a href="aboutus.html"
target=target>About</a> | <a href="contactus.html " target=target>Contact
Us</a></h3></center></td>
</tr>
</table>
</div>
</body>
</html>

About.html
<html>
<head></head>

<body>
<ul>
<li style="color:blue">The aesthetically designed building, constructed over an area of 3.42 acres
allotted by Delhi Development Authority, New Delhi. </li>

<li style="color:blue">The school is recognized by Directorate of Education, Govt. of NCT of Delhi.
</li>

<li style="color:blue">The school is affiliated to Central Board of Secondary Education (an
autonomous body under Ministry of HRD, Govt. of India) up to 10+2 Level (Affiliation No.
2730165) </li>

<li style="color:blue">Teacher - taught ratio is 1:20 </li>

<li style="color:blue">There is optimum and effective utilization of ICT resources in school. The
varied needs of the learners are ensured through proper set up of Computer Aided Teaching (CAT)
and Computer Aided Learning (CAL) and Computer Aided Assessment (CAA) rooms. </li>

<li style="color:blue">Students are offered foreign languages- German & French at middle school
level. </li>

<li style="color:blue">The school is involved in a number of Cultural and Educational, Students and
Staff Exchange programmes with the prestigious educational institutions from UK, Germany, France,
Singapore, Australia and Italy. </li>

<li style="color:blue">Morning Assembly is a regular feature where students begin the day by
remembering the Creator; participate in activities which impart value education and spiritual
development and respect for culture. </li>

<li style="color:blue">Regular guidance / special classes are provided to students preparing for
various competitive examinations such as NTSE, Olympiads and JSTSE etc. </li>

<li style="color:blue">The school is proud recipient of British Council International School Award,
an accreditation scheme for recognizing the outstanding development of the international dimensions
in the school curriculum. </li>

<li style="color:blue">Continuous and Comprehensive System of Evaluation comprising formative
and summative assessment is followed which helps in identifying the areas that require attention and
therefore adopt timely effective remedial measures. </li>

<li style="color:blue">Parents are viewed as partners in child's education and open house sessions
with them are a regular feature. </li>

<li style="color:blue">Enrichment programmes for students, parents and teachers through
orientation, workshop and seminars are conducted regularly. </li>

<li style="color:blue">RDPS students have sought admission in reputed institutions. </li>

<li style="color:blue">The school has strong Alumni. </li>

<li style="color:blue">The school has Media ties under; TOI-NIE and HT-PACE programmes. </li>

<li style="color:blue">The school has its own fleet of buses to cater to the students of neighborhood
areas.</li>
</ul>
</body>
</html>

Contact us.html

<html>
<body>
<h1 style="color:blue">Contact US</h1>
<br>
<br>
<h2>
Mailing Address :
</h2>
<b>Rukmini Devi Public School </b>
<h3>
CD Block, Pitampura,
Delhi 110034

Telephone : 011 - 2731 4235,
011 - 2731 3693
Fax : 011 - 2731 1473
E-mail : [email protected]
</h3>
</body>
</html>

Gallery.html

<html>
<head> <style type="text/css">
.style1
{
width: 149px;
height: 100px;
}
</style></head>
<body>
<marquee>
<img src="images/1.jpg" class="style1">&nbsp;&nbsp;&nbsp;&nbsp;
<img src="images/2.jpg" class="style1">&nbsp;&nbsp;&nbsp;&nbsp;
<img src="images/3.jpg" class="style1">&nbsp;&nbsp;&nbsp;&nbsp;
<img src="images/4.jpg" class="style1">&nbsp;&nbsp;&nbsp;&nbsp;
<img src="images/5.jpg" class="style1">&nbsp;&nbsp;&nbsp;&nbsp;
<img src="images/6.jpg" class="style1">&nbsp;&nbsp;&nbsp;&nbsp;
<img src="images/7.jpg" class="style1">&nbsp;&nbsp;&nbsp;&nbsp;
<img src="images/8.jpg" class="style1">&nbsp;&nbsp;&nbsp;&nbsp;
</marquee>
</body>
</html>

Home.html

<html>
<body>
<p>
<h3>
<p style="color:Red">Rukmini Devi Public School is a premier league institution situated in North-
West Delhi, with state-of-the-art infrastructure and facilities of International standard and provides a
stimulating congenial environment. The school is recognized by Directorate of Education, Govt. of
NCT, Delhi and is permanently affiliated to Central Board of Secondary Education (CBSE), an
autonomous body under the Ministry of HRD, Govt. of India up to 10+2 level, (Affiliation No.
2730165). The school has also been affiliated by CBSE for CBSE-i curriculum. </p>

<p style="color:blue">In today's arena of globalization, RDPS has made sustained efforts to bring an
international acumen in its activities. It can be substantiated by the school's involvement in
Multicultural Students & Staff Exchange Programmes with prestigious schools in countries such as
UK, Germany, France, Italy and Singapore, New Zealand, Australia and others. The students under
these Exchange programmes work on different projects related to Socio-economic, Cultural,
Historical and Geographical structure of the country. </p>

<p style="color:Red">The School is accredited with CBSE and is the proud recipient of British
Council International School Award (I.S.A.).</p>
</h3>
</p>
</body>
</html>

OUTPUT





















Q8. Create a Website of a Restaurant providing information about types of food items, brief
description about each item with pictures, price list, and availability timings.

<html>
<head>
<title>RESTURANT</title>
</head>
<body>
<div >
<img src=man.jpg width=100%>
</div>
<hr>
<div id="style" style=" background-color: yellow" >
<center><h4><a
href=main.html>HOME</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs
p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href=fooditem.html>FOOD ITEM</a></h4></center>
</div>
<div>
<center>
<img src=1.jpg>
<h2>Yummy Cheese <i>PIZZA</i></h2>
</center>
</div>
</body>
</html>

Fooditem.html

<html>
<head>
<title>RESTURANT</title>
</head>
<body>
<div >
<img src=man.jpg width=100%>
</div>
<hr>
<div id="style" style=" background-color: yellow" >
<center><h4><a
href=main.html>HOME</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs
p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href=fooditem.html>FOOD ITEM</a></h4></center>
</div>
<div>
<center>
<table border=1>
<tr>
<td width=20%><h3>Yummy Cheese <i>PIZZA</i></h3></td>
<td width=20%><h3>Yummy and Bigger <i>BURGER</i></h3></td>
<td width=20%><h3>Yummy <i>FRENCH FRIES AND PANNER ROLL</i></h3></td>
<td width=20%><h3>Yummy <i>ALLU TIKKI</i></h3></td>
<tr>
<tr>
<td><h3>Amount : Rs.180 FULL SIZE (12'')<h3></td>
<td><h3>Amount : Rs.60 <h3></td>
<td><h3>Amount : Rs.120 <h3></td>
<td><h3>Amount : Rs.60 <h3></td>
<tr>

<tr>
<td><h4>AVAILABLE AFTER P.M in Noon </h4></td>
<td><h4>AVAILABLE AFTER P.M in Noon </h4></td>
<td><h4>AVAILABLE AFTER P.M in Noon </h4></td>
<td><h4>AVAILABLE AFTER P.M in Noon </h4></td>
</tr>

<tr>
<td align=center><img src=1.jpg width=80% height=20% ></td>
<td align=center><img src=2.jpg width=20% height=8% ></td>
<td align=center><img src=3.jpg width=20% height=8% ></td>
<td align=center><img src=4.jpg width=20% height=15% ></td>
</tr>





</table>

</center>
</div>
</body>
</html>

Main.html

<html>
<head>
<title>RESTURANT</title>
</head>
<body>
<div >
<img src=man.jpg width=100%>
</div>
<hr>
<div id="style" style=" background-color: yellow" >
<center><h4><a
href=main.html>HOME</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs
p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href=fooditem.html>FOOD ITEM</a></h4></center>
</div>
<div>
<marquee><img src=1.jpg width=25%><img src=2.jpg width=25%><img src=3.jpg
width=25%><img src=4.jpg width=25%></marquee>
</div>
</body>
</html>























Q9. Create a Website of a Travel Agency to provide the information about various tourist
places,various modes of journey available, types of hotels available.

Masterpage.master

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs"
Inherits="MasterPage" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>

<style type="text/css">
.style2
{
height: 191px;
}
.style3
{
width: 1300px;
height: 80px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<
<table class="style1" align="center">
<tr>
<td>
<img alt="" class="style2" src="images/india-tourism-banner.jpg"
width="1280px"/></td>
</tr>

<tr>
<td>
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</td>
</tr>
<tr>
<td>
<hr />
<img alt="" class="style3" src="images/footer.png" /></td>
</tr>
</table>

</div>
</form>
</body>
</html>

Home.aspx

<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master"
AutoEventWireup="true" CodeFile="Home.aspx.cs" Inherits="Home" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

<p>
&nbsp;</p>
<p align="center">
<hr />
&nbsp;<table style="width: 100%" align="center">
<tr>
<td style="width: 109px; height: 45px">
<a href="Home.aspx"> <img alt="" src="images/button.gif" style="width: 95px; height:
40px" /></a></td>
<td style="height: 45px; width: 43px">
</td>
<td style="height: 45px; width: 141px">
<a href="Places.aspx"><img alt="" src="images/4.gif" style="width: 123px; height: 41px"
/></a></td>
<td style="height: 45px; width: 43px">
</td>
<td style="height: 45px; width: 130px">
<a href="Hotel.aspx"> <img alt="" src="images/button%20(3).gif" style="width: 123px;
height: 41px" /></a></td>
<td style="height: 45px; width: 43px">
</td>
<td style="height: 45px; width: 142px">
<a href="Gallery.aspx"><img alt="" src="images/button%20(2).gif" style="width: 139px;
height: 41px" /></a></td>
<td style="height: 45px; width: 44px">
</td>
<td style="height: 45px; width: 122px">
<a href="about.aspx"><img alt="" src="images/button%20(4).gif" style="width: 110px;
height: 41px" /></a></td>
<td style="height: 45px">
</td>
</tr>
</table>

<br />
<hr />
</p>


<div align="center" >

<img src="images/tour-map.jpg" />
</div>
</asp:Content>


Gallery.aspx
<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master"
AutoEventWireup="true" CodeFile="Gallery.aspx.cs" Inherits="Gallery" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<style type="text/css">
body,html,div,blockquote,img,label,p,h1,h2,h3,h4,h5,h6,pre,ul,ol,li,dl,dt,dd,form,a,fieldset,input,th,td
{border:0;outline:none;margin:0;padding:0;}
body{height:100%;background:#fff;color:#1f1f1f;font-family:"Lucida Sans Unicode","Lucida
Grande",Arial,Verdana,sans-serif;font-size:13px;padding:7px 0;}
ul{list-style:none;}
.text-center {text-align: center; padding: 10px 0;}

.gallery {width: 660px; margin: 0 auto 20px auto;}
.gallery ul {padding-left: 10px;}
.gallery li {display: inline; margin-right: 3px;}
.main-img {background: url(bg_img.png) no-repeat 0 0; padding: 26px;}
</style>
<script type="text/JavaScript">
// prepare the form when the DOM is ready
$(document).ready(function () {
var galleryClass = '.gallery';
$(galleryClass + ' li img').hover(function () {
var $gallery = $(this).parents(galleryClass);
$('.main-img', $gallery).attr('src', $(this).attr('src').replace('thumb/', ''));
});
var imgSwap = [];
$(galleryClass + ' li img').each(function () {
imgUrl = this.src.replace('thumb/', '');
imgSwap.push(imgUrl);
});
$(imgSwap).preload();
});
$.fn.preload = function () {
this.each(function () {
$('<img/>')[0].src = this;
});
}
</script>
<p align="center">
<hr />
&nbsp;<table style="width: 100%" align="center">
<tr>
<td style="width: 109px; height: 45px">
<a href="Home.aspx"> <img alt="" src="images/button.gif" style="width: 95px; height:
40px" /></a></td>
<td style="height: 45px; width: 43px">
</td>
<td style="height: 45px; width: 141px">
<a href="Places.aspx"><img alt="" src="images/4.gif" style="width: 123px; height: 41px"
/></a></td>
<td style="height: 45px; width: 43px">
</td>
<td style="height: 45px; width: 130px">
<a href="Hotel.aspx"> <img alt="" src="images/button%20(3).gif" style="width: 123px;
height: 41px" /></a></td>
<td style="height: 45px; width: 43px">
</td>
<td style="height: 45px; width: 142px">
<a href="Gallery.aspx"><img alt="" src="images/button%20(2).gif" style="width: 139px;
height: 41px" /></a></td>
<td style="height: 45px; width: 44px">
</td>
<td style="height: 45px; width: 122px">
<a href="about.aspx"><img alt="" src="images/button%20(4).gif" style="width: 110px;
height: 41px" /></a></td>
<td style="height: 45px">
</td>
</tr>
</table>

<br />
<hr />
</p>
<div class="wrap">
<h2 class="text-center">&nbsp;</h2>
<h2 class="text-center">GALLERY</h2>
<div class="gallery">
<img src="gallery/img_1.jpg" alt="" class="main-img" />
<ul>
<li><img src="gallery/thumb/img_1.jpg" alt="" /></li>
<li><img src="gallery/thumb/img_2.jpg" alt="" /></li>
<li><img src="gallery/thumb/img_3.jpg" alt="" /></li>
<li><img src="gallery/thumb/img_4.jpg" alt="" /></li>
<li><img src="gallery/thumb/img_5.jpg" alt="" /></li>
<li><img src="gallery/thumb/img_6.jpg" alt="" /></li>
</ul>
</div>
</div>
<br />
</asp:Content>


Hotel.aspx

<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master"
AutoEventWireup="true" CodeFile="Hotel.aspx.cs" Inherits="Hotel" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<p align="center">
<hr />
&nbsp;<table style="width: 100%" align="center">
<tr>
<td style="width: 109px; height: 45px">
<a href="Home.aspx"> <img alt="" src="images/button.gif" style="width: 95px; height:
40px" /></a></td>
<td style="height: 45px; width: 43px">
</td>
<td style="height: 45px; width: 141px">
<a href="Places.aspx"><img alt="" src="images/4.gif" style="width: 123px; height: 41px"
/></a></td>
<td style="height: 45px; width: 43px">
</td>
<td style="height: 45px; width: 130px">
<a href="Hotel.aspx"> <img alt="" src="images/button%20(3).gif" style="width: 123px;
height: 41px" /></a></td>
<td style="height: 45px; width: 43px">
</td>
<td style="height: 45px; width: 142px">
<a href="Gallery.aspx"><img alt="" src="images/button%20(2).gif" style="width: 139px;
height: 41px" /></a></td>
<td style="height: 45px; width: 44px">
</td>
<td style="height: 45px; width: 122px">
<a href="about.aspx"><img alt="" src="images/button%20(4).gif" style="width: 110px;
height: 41px" /></a></td>
<td style="height: 45px">
</td>
</tr>
</table>

<br />
<hr />
</p>
<div align="center">
<img src="images/hot.JPG" /><br />
</div>
</asp:Content>


About.aspx

<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master"
AutoEventWireup="true" CodeFile="about.aspx.cs" Inherits="about" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<p align="center">
<hr />
&nbsp;<table style="width: 100%" align="center">
<tr>
<td style="width: 109px; height: 45px">
<a href="Home.aspx"> <img alt="" src="images/button.gif" style="width: 95px; height:
40px" /></a></td>
<td style="height: 45px; width: 43px">
</td>
<td style="height: 45px; width: 141px">
<a href="Places.aspx"><img alt="" src="images/4.gif" style="width: 123px; height: 41px"
/></a></td>
<td style="height: 45px; width: 43px">
</td>
<td style="height: 45px; width: 130px">
<a href="Hotel.aspx"> <img alt="" src="images/button%20(3).gif" style="width: 123px;
height: 41px" /></a></td>
<td style="height: 45px; width: 43px">
</td>
<td style="height: 45px; width: 142px">
<a href="Gallery.aspx"><img alt="" src="images/button%20(2).gif" style="width: 139px;
height: 41px" /></a></td>
<td style="height: 45px; width: 44px">
</td>
<td style="height: 45px; width: 122px">
<a href="about.aspx"><img alt="" src="images/button%20(4).gif" style="width: 110px;
height: 41px" /></a></td>
<td style="height: 45px">
</td>
</tr>
</table>

<br />
<hr />
</p>

<div>
<img src="images/about.JPG" align="middle" style="width: 1353px" />
</div>
</asp:Content>


Places.html

<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master"
AutoEventWireup="true" CodeFile="Places.aspx.cs" Inherits="Places" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<p align="center">
<hr />
&nbsp;<table style="width: 100%" align="center">
<tr>
<td style="width: 109px; height: 45px">
<a href="Home.aspx"> <img alt="" src="images/button.gif" style="width: 95px; height:
40px" /></a></td>
<td style="height: 45px; width: 43px">
</td>
<td style="height: 45px; width: 141px">
<a href="Places.aspx"><img alt="" src="images/4.gif" style="width: 123px; height: 41px"
/></a></td>
<td style="height: 45px; width: 43px">
</td>
<td style="height: 45px; width: 130px">
<a href="Hotel.aspx"> <img alt="" src="images/button%20(3).gif" style="width: 123px;
height: 41px" /></a></td>
<td style="height: 45px; width: 43px">
</td>
<td style="height: 45px; width: 142px">
<a href="Gallery.aspx"><img alt="" src="images/button%20(2).gif" style="width: 139px;
height: 41px" /></a></td>
<td style="height: 45px; width: 44px">
</td>
<td style="height: 45px; width: 122px">
<a href="about.aspx"><img alt="" src="images/button%20(4).gif" style="width: 110px;
height: 41px" /></a></td>
<td style="height: 45px">
</td>
</tr>
</table>

<br />
<hr />
</p>

<table a align="center">
<tr align=center>
<td width="50%">
<img src="images/place1.JPG" /></td>
<td width="50%">
<img src="images/place2.JPG" style="height: 764px" /></td>
</tr>
</table>
</asp:Content>
























OUTPUT

You might also like