HTML <ul> element

The <ul> element represents an unordered list. It groups list items where the order of the items is not important to the meaning of the list.

For example, a list of ingredients, features, tools, languages, tags, or choices is often unordered. The items belong together, but moving one item before another does not normally change what the list means.

The items inside a <ul> are written with <li> elements. The list element creates the list; the list item elements hold the actual items.

Browsers usually show unordered lists with bullets by default. The bullet shape is presentation, not the HTML meaning. For example, list-style-type: square selects square bullets, and list-style-type: none removes the markers. These styles do not turn the list into an ordered sequence.

When the sequence matters, use <ol>. For a list of commands the user can activate, <menu> expresses that purpose. Choose the list element according to the content, then use CSS for its appearance.

To create a nested list, put it inside the <li> it belongs to, before that item's closing tag. The example below groups HTML and SVG under markup languages. Each list entry belongs in its own <li>; a nested list should not sit directly between sibling list items.

Attributes: GLOBALS.

Typical layout:
<ul>
  <li>Markup languages
    <ul>
      <li>HTML</li>
      <li>SVG</li>
    </ul>
  </li>
  <li>CSS</li>
</ul>

Visual representation: