Slip 11 - B) Write HTML code which generates the following output and display each element of list in different size, color & font. Use external CSS to format the list. • Non flowering plants o Fern o Spore • Flowering plants Lilly Rose 1. Red Rose 2. Pink Rose

Solution:

<html>

<head>

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

<body>

<ul type = "disc">

<li>Non Flowering Plant</li>

<ul type = "circle">

<li>Fern</li>

<li>Spore</li>

</ul>

</ul>

<ul type = "disc">

<li>Flowering Plant</li>

<ul type = "square">

<li>Lilly</li>

<li>Rose</li>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<ol>

<li>Red Rose</li>

<li>Pink Rose</li>

</ol>

 </ul>

</ul>   

ab.css

body

{

background-image: url("1.jpg");

}

ol{color:red;}

ul{color:blue;}

Post a Comment

0 Comments