HTML Beginner

HTML Lists: Ordered, Unordered, and Description Lists

Imran Nadwi
Imran Nadwi
56 views 25 min read

HTML Lists

Lists are essential for organizing information on web pages. HTML provides three types of lists.

Unordered Lists (ul)

<ul>
    <li>First item</li>
    <li>Second item</li>
    <li>Third item</li>
</ul>

Ordered Lists (ol)

<ol>
    <li>Step one</li>
    <li>Step two</li>
    <li>Step three</li>
</ol>

Nested Lists

<ul>
    <li>Web Technologies
        <ul>
            <li>HTML</li>
            <li>CSS</li>
            <li>JavaScript</li>
        </ul>
    </li>
    <li>Programming Languages</li>
</ul>

Description Lists (dl)

<dl>
    <dt>HTML</dt>
    <dd>HyperText Markup Language</dd>
    <dt>CSS</dt>
    <dd>Cascading Style Sheets</dd>
</dl>

List Attributes

<ol start="5" type="A">
    <li>Item E</li>
    <li>Item F</li>
</ol>