Unordered and Ordered Lists

HTML gives you two main list types: unordered (bullet points) and ordered (numbered).

Unordered list with <ul> and <li>:

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

Ordered list with <ol> and <li>:

<ol>
  <li>Preheat the oven</li>
  <li>Mix the batter</li>
  <li>Bake for 25 minutes</li>
</ol>

By default, <ul> renders bullets and <ol> renders numbers, but the visual marker is controlled by CSS (list-style-type) — the underlying tags carry the meaning (ordered vs. unordered), not the appearance.

<ol> supports useful attributes:

<ol start="5">
  <li>Step five</li>
  <li>Step six</li>
</ol>

<ol reversed>
  <li>Third place</li>
  <li>Second place</li>
  <li>First place</li>
</ol>

start sets the beginning number, and reversed counts down instead of up. Choose <ol> whenever sequence or ranking matters (steps, rankings, instructions) and <ul> when order doesn't affect meaning (a list of features, ingredients, or tags).