HTML में Lists का प्रयोग करने के उदाहरण
|
<!DOCTYPE
html> <html> <body> <!-- यह ordered list का उदाहरण है --> <h4>Numbered list:</h4> <ol> <li>Apples</li> <li>Bananas</li> <li>Lemons</li> <li>Oranges</li></ol> <h4>Letters list:</h4> <ol type="A"> <li>Apples</li> <li>Bananas</li> <li>Lemons</li> <li>Oranges</li></ol> <h4>Lowercase letters list:</h4> <ol type="a"> <li>Apples</li> <li>Bananas</li> <li>Lemons</li> <li>Oranges</li></ol> <h4>Roman numbers list:</h4> <ol type="I"> <li>Apples</li> <li>Bananas</li> <li>Lemons</li> <li>Oranges</li></ol>
<h4>Lowercase Roman
numbers list:</h4>
<ol
type="i">
<li>Apples</li>
<li>Bananas</li>
<li>Lemons</li>
<li>Oranges</li></ol>
<!-- यह Unordered list का उदाहरण है --> <li>Bananas</li> <li>Lemons</li> <li>Oranges</li> </ul> <h4>Circle bullets list:</h4> <ul style="list-style-type:circle"> <li>Apples</li> <li>Bananas</li> <li>Lemons</li> <li>Oranges</li></ul> <h4>Square bullets list:</h4> <ul style="list-style-type:square"> <li>Apples</li> <li>Bananas</li> <li>Lemons</li> <li>Oranges</li> </ul> <!-- यह Nested
list का उदाहरण है --> <ul> <li>Coffee</li> <li>Tea <ul> <li>Black tea</li> <li>Green tea</li> </ul> </li> <li>Milk</li> </ul> <!-- यह Description
list का उदाहरण है --> <h4>A Definition List:</h4> <dl> <dt>Coffee</dt> <dd>- black hot drink</dd> <dt>Milk</dt> <dd>- white cold drink</dd> </dl>
</body>
</html>
|
<ol> = Numbered
list
<ol
type="A"> = Letters list
<ol type="a">=Lowercase
letters list
<ol
type="I">= Roman numbers list
<ol
type="i">= Lowercase Roman numbers list
<ul style="list-style-type:disc"> = Disc bullets list
<ul style="list-style-type:circle"> = Circle bullets list
<ul style="list-style-type:square"> = Square bullets list
|
No comments:
Post a Comment