Lists

Lesson 7 of 24

12 min learning time

Unordered lists

Use ul when the order of items is not important.

Ordered lists

Use ol when items follow a meaningful sequence.

List items

Each item inside a list is normally represented using li.

Example HTML

<h2>My Skills</h2>

<ul>
    <li>HTML</li>
    <li>CSS</li>
    <li>JavaScript</li>
</ul>

<h2>Learning Steps</h2>

<ol>
    <li>Learn HTML</li>
    <li>Learn CSS</li>
    <li>Learn JavaScript</li>
</ol>

Practical Exercise

Build it yourself

Create an unordered list containing five technologies you want to learn.

Quick Check

Test your understanding

Which element creates an ordered list?

Previous Lesson Next Lesson