Unordered, Ordered & Description Lists

🌐 HTML Basics Lesson 6 Beginner

Lists arrange text blocks sequentially. HTML supports bulleted, numbered, and description-based list layouts.

1 List tags: ul, ol, li, dl, dt, dd

HTML lists fall into three main types:

Unordered List (`<ul>`): Bulleted list layouts.
Ordered List (`<ol>`): Numbered lists using sequential letters or numbers.
Description List (`<dl>`): Glossary dictionary pairings mapping terms (`<dt>`) to descriptions (`<dd>`).

2 List Elements Code

Let's examine list formats:

HTML — Lists

<h3>Skills required:</h3>
<ul>
    <li>HTML5 Structures</li>
    <li>CSS3 Layout Styles</li>
</ul>

<h3>Glossary:</h3>
<dl>
    <dt>HTML</dt>
    <dd>HyperText Markup Language</dd>
</dl>

3 Code Challenge

Challenge: Write a nested list: an ordered list of programming languages where one item (e.g. JavaScript) contains a nested unordered list of related tools/frameworks.