HTML Beginner

HTML Lists: Ordered, Unordered, and Description Lists

CodingerWeb
CodingerWeb
37 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>