Skip to content

HTML Lists

Unordered HTML List

Unordered lists use the <ul> tag to define the list, and <li> for each list item.

Example:

<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

List Item Marker Styles

  • disc: Default bullet point.
  • circle: Circle bullet.
  • square: Square bullet.
  • none: No markers.

Ordered HTML List

Ordered lists use the <ol> tag to define the list, and <li> for each list item.

Example:

<ol>
  <li>First item</li>
  <li>Second item</li>
  <li>Third item</li>
</ol>

List Item Numbering Styles

  • 1: Numbers (default).
  • A: Uppercase letters.
  • a: Lowercase letters.
  • I: Uppercase Roman numerals.
  • i: Lowercase Roman numerals.

Description List

A description list uses the <dl> tag. <dt> defines a term, and <dd> defines its description.

Example:

<dl>
  <dt>HTML</dt>
  <dd>A markup language for creating web pages.</dd>
  <dt>CSS</dt>
  <dd>A style sheet language used to describe the presentation of web pages.</dd>
</dl>

Code Reference

Refer to the HTML Lists