- HTML lists are used to specify lists of information (bulleted/unordered or numbered/ordered content)
- HTML list is an incredible/useful way to represent organized content
HTML offers three types/ways for specifying lists of information. All lists must contain one or more list elements
Tag | Meaning / Use / Description |
---|---|
<ul> | An Unordered List or bulleted list. List items using plain bullets |
<ol> | An Ordered List or numbered list. Uses different schemes of numbers to list your items |
<dl> | A Description List or Definition List. This arranges your items in the same way as they are arranged in a dictionary, header item, and description |
HTML List Tags
Tag | Meaning / Use / Description |
---|---|
<ul> | Defines an Unordered List or bulleted list |
<ol> | Ordered List or numbered list |
<li> | Defines List Item |
<dl> | Defines Description List or Definition List |
<dt> | Defines a term/item/heading in a description list |
<dd> | Describes the term in a description list |
6.1. Unordered List or Bulleted List
- An Unordered List is a collection of related items that have no special order or sequence
- Unordered List is created by using HTML
<ul>
tag. Each item in the list<li>
is marked with a bullet/rendered as a bulleted list <li>
List Item,type
attribute helps to specify the type of bulletdisc/circle/square/none
6.2. Ordered List or Numbered List
- The HTML
<ol>
element represents an ordered list of items, typically rendered as a numbered list - Ordered List is created by using HTML
<ol>
tag. Each item in the list<li>
is marked with a number or an order in ascending/descending <li>
List Item,type
attribute helps to specify the type of order1/A/a/I/i
6.3. Description List or Definition List
- Description List or Definition List represents entries list like in a dictionary or encyclopedia
- Description List or Definition List is the ideal way to present a glossary, list of terms, or another name/value list
- A description list is a list of terms, with a description of each term
- The
<dl>
tag defines the description list, the<dt>
tag defines the term (name), and the<dd>
tag describes each term