SOP. 2/CHP 1 IT 12TH COMMERCE

on


Question. 2

Create a webpage using HTML and CSS code to design a web page as the layout displayed below.
The top section will display the heading,Tourist places in header. The section on the left has list of cities. The right hand side display tourist places in any one of the city.
Use Inline style sheet in the top section to display background color for the text Tourist places. Use internal style sheet for the left and right section with background colors and font styles.

Coding for the following question.

<html>
<head>
<title>TOURIST PLACES</title>
<style>
header
{
background-color:skyblue;
height:25%;
width:99%;
border:3px solid;
}
section
{
background-color:yellow;
height:65%;
width:49.5%;
float:left;
border:3px solid;
}
aside
{
background-color:pink;
height:65%;
width:49%;
float:right;
border:3px solid;
}

</style>
</head>
<body>
<header>
<h1 style="text-align:center;color:deeppink;font-size:35px">
Tourist Places
</h1>
</header>
<section>
<h2>
City
<ol>
<li>Pune
<li>Banglore
<li>Hyderabad
<li>Delhi</ol>
</h2>
</section>
<aside>
<h2>
Tourist Places in pune
<ul>
<li>Shaniwarwada</li>
<li>Kelkar Museum</li>
<li>Singhad Fort</li>
</ul>
</h2>
</aside>
</body>
</html>

Then save the file as   college. html

Output for the following codes:-


OUTPUT FOR THE FOLLOWING CODE

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

Comments

Post a Comment