HTML provides three main types of lists to organize and display related items:
- Unordered Lists (
<ul>)
These lists display items in no particular order, typically marked with bullet points (small black circles by default). Each item is defined with the<li>tag. They are used when the sequence of items does not matter, such as listing ingredients or features
- Ordered Lists (
<ol>)
These lists display items in a specific order, marked by numbers, letters, or Roman numerals. The order is significant, making them suitable for instructions, rankings, or steps. Items are also defined with the<li>tag. The type of numbering can be customized using thetypeattribute (e.g.,type="A"for uppercase letters)
- Description Lists (
<dl>)
Also called definition lists, these consist of terms and their descriptions. The<dl>tag wraps the list,<dt>defines a term, and<dd>provides the description. They are useful for glossaries or metadata lists
Additionally, lists can be nested inside one another to create complex hierarchical structures, combining ordered and unordered lists as needed
Summary of HTML List Tags
Tag| Purpose
---|---
<ul>| Defines an unordered list
<ol>| Defines an ordered list
<li>| Defines a list item
<dl>| Defines a description list
<dt>| Defines a term in a description list
<dd>| Describes the term in a description list
These lists improve content organization and readability on web pages by grouping related items clearly
