DEV Community

Cover image for Day-3 of Posting blog (Lists in html)
antony stark
antony stark

Posted on

Day-3 of Posting blog (Lists in html)

Html lists:-
Html lists are used to structure the items in a ordered or unordered manner
some of the lists types are:-
Ordered list:- this type of list starts with /ol tag ends with ol tag and arrange the items in ordered form like 1(number),a(alphabetic),i(roman number)

Unordered list:- this tag starts with ul and ends with /ul and arrange items in the dot (.),disc ,circle or bulletins form

Description list:- it is used for description purpose like question and answer form ,this tag has sub tags they are:-

  1. Description term

2.Description data

sample code area

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>Fruits</h1>
    <ol>
        <li>orange</li>
        <li>Apple</li>
        <li>Grapes</li>
    </ol>
    <h1>Vegetable</h1>
    <ul style="list-style: disc;">
        <li>Potato</li>
        <li>Tomato</li>
        <li>Broccoli</li>
    </ul>
    <dl>
        <dt>Html</dt>
        <dd>Hper text markup language</dd>
    </dl>

</body>
</html>
Enter fullscreen mode Exit fullscreen mode

Top comments (0)