HTML reference

ul

The <ul> element represents an unordered list. Each direct item should normally be an <li> element.

What you will learn

  • How to create an unordered list
  • How ul and li work together
  • How ul differs from ol and menu

Basic example

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

The order is not part of the meaning. Browsers may display bullets by default, but CSS controls the visual marker and spacing.

Choose the right list

Accessibility tips

Keep each item meaningful and do not remove list semantics just to change the appearance. If a list is only visual decoration, choose markup that matches the content instead.

Related pages