SOP. 3/CHP 1 IT 12TH COMMERCE

Question. 3

The first webpage will accept the name of the traveler, Date of travel, telephone number. It also has submit button as an image.

The second webpage has information about the name of transporter, time, seat no and destination displayed one below the other in the form of unordered list as

Name of transporter Air Asia

Seat no B39

Destination - Delhi

Both pages should be interlinked. Create external style sheet with relevant tags.

*I have used the same style sheet for both the pages*

*THIS IS VERY IMPORTANT TO WRITE WHEN USING EXTERNAL CSS <link rel="stylesheet" type="text/css" href="mystyle.css">*

Coding for the following question:-

Style sheet

body

{

background-color: powderblue;

}

{

color: darkblue;

text-align:center;

text-shadow: 2px 2px 12px #00ddff;

}

{

color: red;

font-family: Arial;

}

{

color:blue;

border: 8px yellow solid;

font-size:20px;

}

{

text-decoration:none;

}

Page . 1

<html>

<head>

<title>TOUR & TRAVELS</title>

</head>

<body>

<h1>

<b>

TOURS & TRAVELS

</b>

</h1>

<h2>

Fill the following form

</h2>

<br>

<form>

<h4>

Name of the traveller&nbsp&nbsp:&nbsp <input type="text" required maxlength="20" size="50">

Date of travel&nbsp&nbsp:&nbsp <input type="date">

Telephone number&nbsp&nbsp:&nbsp <input type="tel" pattern='[0-9]{10}'> <br><br>

</center>

</h4>

</form>

<h5>

</a>

</h5>

</center>

</body>

</html>

Page . 2

<html>

<head>

<title>TOUR & TRAVELS</title>

</head>

<body>

<h1>

<b>Tours & Travels</b>

</h1>

<h4>

<ul>

<li>Name of transporter - Air Asia

<li>Time - 9:30 am

<li>Seat No - B39

<li>Destination - Delhi

</ul><

/h4>

<h5>

Home Page

</a>

</h5>

</center>

</body>

</html>

Then save the file

Page . 1 as page1.HTML

Page . 2 as page2 . HTML

And aslo save the style sheet as

mystyle. Css

*Note the image should be in one folder*

*Note all these three file should be in one folder*

Output for the following code:-

Page 1

Page 2

Comment below and share to your Friends and you can also give suggestion regarding my blog below and follow me to get blog daily .

MASTER CODES

Search This Blog

SOP. 3/CHP 1 IT 12TH COMMERCE

Comments

Post a Comment