Scribd
Upload
74 views3 pages

Sop 3

The document consists of three pages related to an advanced web designing project. Page 1 captures traveller details through a form, while Page 2 provides travelling information such as transporter name, seat number, and destination. Page 3 contains an external CSS file that styles the HTML elements, including headings and background color.

Uploaded by

bhargavigambhir
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
74 views3 pages

Sop 3

The document consists of three pages related to an advanced web designing project. Page 1 captures traveller details through a form, while Page 2 provides travelling information such as transporter name, seat number, and destination. Page 3 contains an external CSS file that styles the HTML elements, including headings and background color.

Uploaded by

bhargavigambhir
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

SOP 3 : Advanced Web Designing

Page 1: Traveller Details


<!doctype html>

<html>
<head>
<title>Traveller Details</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>
<H1>Traveller Details</H1>
<form>
Name of Traveller:<input type="text" name="tname"><br><br>
Date of Travel:<input type="date" name="tdate"><br><br>

Telephone Number:<input type="tel" name="tphone" pattern="[0-9]{2}-[0-9]{10}"


required><br><br>

<input type="image" src="submit.jpg" alt="click here to submit" height="30"


width="80"><br>
</form>
<a href="page2.html">Move to next page</a>
</body>
</html>
Page 2: Travelling Information
<!doctype html>
<html>
<head>
<title>Travelling Information</title>

<link rel="stylesheet" type="text/css" href="style.css">


</head>
<body>
<H1>Travelling Information</H1>
<ul>

<li>Name of transporter- Air Asia</li>


<li>Seat no- B39</li>
<li>Destination- Delhi</li>
</ul>
<a href="page1.html">Home Page</a>

</body>
</html>
Page 3: External CSS File
H1{Text-decoration:underline; text-align:center; border:double;color:blue}
body{background-color:lightgrey}

ul{font-family:arial}

You might also like