Page 88 - ConceptGP_C7_Fb
P. 88
Write HTML code to create a nested list.
<!DOCTYPE html>
<HTML>
<HEAD><TITLE> Nested List</TITLE></HEAD>
<BODY>
<H1>List of Fruits and Vegetables</H1>
<OL>
<LI> List of Fruits
<UL>
<LI>Apple</LI>
<LI>Watermelon</LI>
<LI>Orange</LI>
<LI>Strawberry</LI>
</UL>
<LI> List of Vegetables
<UL>
<LI>Mushroom</LI>
<LI>Potato</LI>
<LI>Carrot</LI>
<LI>Sweet Potato</LI>
</UL>
</OL>
</BODY> </HTML>
Tick ( ) if you know this.
▶ An ordered list is a list of items where the sequence is very important.
▶ An unordered list is a list of items where the sequence of the list is not significant.
LIST WITH CSS
We can make a list attractive using CSS properties. The default type of bullet that appears in an
unordered list is a disc. CSS properties for lists are:
Property Value Description
list-style-image url Set a picture or image as a list item
list-style-position inside, outsides Specify the position of list item
list-style-type disc, circle, square, none Specify the style of bullets for list item
86 Premium Edition-VII

