3) Write Html5 code with CSS as
follows-
1. Create ordered list with names
of tourist Cities.
2. Create unordered list with
tourist places of those cities.
3. Divide the list into two
sections left and right by
using CSS.
need only programming no explanation needed
Answers
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#a{
width:50%;
float:left;
}
#b{
width:50%;
float:right;
}
</style>
</head>
<body>
<div id="a">
<ol>
<li>Delhi</li>
<li>Agra</li>
<li>Jaipur</li>
<li>Goa</li>
</ol>
</div id="b">
<ul>
<li>Red Fort</li>
<li>Taj Mahal</li>
<li>Pink City</li>
<li>Arbian Sec Beaches</li>
</ul>
</body>
</html>
Answer:
<!DOCTYPE html>
<html>
<head>
<title>Tourist cities and places</title>
<style type="text/css">
section{
display:inline-block;
width:30%;
float:left;
background-color:lime;
}
aside{
display:inline-block;
width:70%;
float:right;
background-color:pink;
}
</style>
</head>
<body>
<section>
<h4>Tourist Cities</h4>
<ol>
<li>Munnar</li>
<li>Darjeeling</li>
<li>Leh Ladak</li>
<li>Goa</li>
</ol>
</section>
<aside>
<h4>Tourist Places</h4>
<ul style="list-style-type:circle">
<li>Tea Gardens, Lakes and Pretty little hill-station</li>
<li>Queen of The Himalayas.</li>
<li>India's Own Moonland.</li>
<li>Beaches, Sunsets and Crazy Nights.</li>
</ul>
</aside>
</body>
</html>