Lists

Whether you have lists of artworks, directions, contact information, or sponsors for an event, lists are everywhere on the web, and they are a handy way to structure page content in an accessible way.

There are three different types of HTML lists, the two most common are Ordered List and Undordered List.

The HTML <li> element is used to represent an item in a list. It must be contained in a parent element: an ordered list (<ol>), an unordered list (<ul>), or a menu (<menu>). In menus and unordered lists, list items are usually displayed using bullet points. In ordered lists, they are usually displayed with an ascending counter on the left, such as a number or letter.

(Source: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/li)

The third type, Description Lists, encloses a list of groups of terms (specified using the <dt> element) and descriptions (provided by <dd> elements). Common uses for this element are to implement a glossary or to display metadata (a list of key-value pairs).

(Source: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dl)