LIST :- list that means bullet and Number. i.e. if we want to create a bullet style in the web page then we used the list tags
Types of List
đŸ‘‰Unordered List (Bullets):- An unordered List start with the tag <UL> and end with </UL>. Each list item start with the tags <li> Attribute and CSS\Style propertiess, which can be specified with <LI>
CSS list :- Specifies the type of the bullet.
Style Type:- List-style-type: circle, Square
Example
<ul style="list-style-type: circle"> <ul style="list-style-type: Square">
<li> Mouse <li> Mouse
<li> Key board <li> Key board
<li> Hard Disk <li> Hard Disk
</ul> </ul>
output output
⃝ Mouse ⃞ Mouse
⃝ Key board ⃞ Key board
⃝ Hard Disk ⃞ Hard Disk
coding
<html>
<body>
<Ul style="list-style-type: circle">
<li>Mouse
<li>Key board
<li> Hard Disk
</Ul>
</body>
</html>
đŸ‘‰ Ordered List (Numbering) :- An Ordered list start with the tag<OL> and end with </OL>. Each List item start with the tag <li> the attribute and css\style properties , which can be specified with <li> are
<ol style="list-style-type: decimal "start="1">
<ol style="list-style-type: lower-alpha">
<ol style="list-style-type: upper-alpha">
<ol style="list-style-type: upper-roman">
coding
<html>
<body>
<ol style="list-style-type: decimal start="1">
<li>Mouse
<li>Key board
<li> Hard Disk
</ol>
</body>
</html>
output of multiple list i.e order list and unoreded list
No comments:
Post a Comment