Slip 16 - B) Write HTML code which generates the following output and display each element of list in different size, color & font. Use inline CSS to format the list. • Honda Petrol 1) Honda City 2) Brio Diesel 1) Amaze 2) Brio • Maruti-Suzuki Petrol 1) Swift 2) Ritz Diesel 1) Swift-Desire

Solution:


<html>
<head>
</head>
<body>
<ul style="color : blue;padding: 20px; font-size=20; font-family:verdana;">
<li >Honda</li>
<ul style="color:green; list-style-type: square; font-size=19; font-family:courier;">
<li >Petrol </li>
<ol style="color: red; font-size=18;font-family: arial ;">
<li> Honda City</li>
<li> Brio</li>
</ol>
<li> Diesel </li>
<ol style="color: powderblue; font-size=17;font-family:verdana;">
<li> Amaze</li>
<li> Brio</li>
</ol>
</ul>
<li >Maruti-Suzuki</li>
<ul style="color: green; list-style-type: square;font-size=19; font-family:courier;">
<li >Petrol </li>
<ol style="color:red;font-size=18;font-family: arial">
<li> Swift City</li>
<li> Ritz</li>
</ol>
<li> Diesel </li>
<ol style="color: powderblue;font-size=17; font-family:verdana;">
<li> Swift-Desire</li>
</ol>
</ul>
</ul>
</body>
</html>

Post a Comment

0 Comments