The HTML elements that allow you to build all kinds of lists
New! My 44-page ebook "CSS in 44 minutes" is out! 😃
Defines an item in a definition list.
Example: Copy
<dl>
<dt>Web</dt>
<dd>The part of the Internet that contains websites and web pages</dd>
<dt>HTML</dt>
<dd>A markup language for creating web pages</dd>
<dt>CSS</dt>
<dd>A technology to make HTML look better</dd>
</dl>Defines a definition list.
Example: Copy
<dl>
<dt>Web</dt>
<dd>The part of the Internet that contains websites and web pages</dd>
<dt>HTML</dt>
<dd>A markup language for creating web pages</dd>
<dt>CSS</dt>
<dd>A technology to make HTML look better</dd>
</dl>Defines a definition term.
Example: Copy
<dl>
<dt>Web</dt>
<dd>The part of the Internet that contains websites and web pages</dd>
<dt>HTML</dt>
<dd>A markup language for creating web pages</dd>
<dt>CSS</dt>
<dd>A technology to make HTML look better</dd>
</dl>Defines a list item within an ordered list <ol> or unordered list <ul>.
Example: Copy
<ol>
<li>Step one</li>
<li>Step two</li>
<li>????</li>
<li>PROFIT!!!</li>
</ol>Example: Copy
My shopping list:
<p>My shopping list:</p>
<ul>
<li>Milk</li>
<li>Bread</li>
<li>Chocolate</li>
<li>More chocolate</li>
</ul>Defines an ordered list.
Example: Copy
<ol>
<li>Step one</li>
<li>Step two</li>
<li>????</li>
<li>PROFIT!!!</li>
</ol>
type
Defines how the list is numbered.
"1"
Uses numbers.
"a"
Uses lowercase letters.
"A"
Uses uppercase letters.
"i"
Uses lowercase Roman numerals.
"I"
Uses uppercase Roman numerals.
start
Defines a number to start the list with.
"3"
You can use any integer.
reversed
Reverses the order of the list.
No value required.Defines an unordered list.
Example: Copy
My shopping list:
<p>My shopping list:</p>
<ul>
<li>Milk</li>
<li>Bread</li>
<li>Chocolate</li>
<li>More chocolate</li>
</ul>