HTML Basics: Lists

Join the AI Workshop to learn more about AI and how it can be applied to web development. Next cohort February 1st, 2026

The AI-first Web Development BOOTCAMP cohort starts February 24th, 2026. 10 weeks of intensive training and hands-on projects.


We have 2 main kinds of lists: unordered lists (the ones you saw in the first example) and ordered lists

Unordered lists are created using the ul tag. Each item in the list is created with the li tag:

<ul>
  <li>First</li>
  <li>Second</li>
</ul>

Ordered lists are similar, just made with the ol tag:

<ol>
  <li>First</li>
  <li>Second</li>
</ol>

The difference between the two is that ordered lists have a number before each item.

Lessons in this unit:

0: Introduction
1: Your first HTML page
2: Text tags
3: Attributes
4: Links
5: Images
6: ▶︎ Lists
7: Head tags
8: Container tags
9: Using CodePen
10: Using VS Code
11: What is the Doctype