<!DOCTYPE html>
<html>
<body>
<h2>An Unordered HTML List</h2>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
<h2>An Ordered HTML List</h2>
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>
</body>
</html>
The code on the left will generate the lists below. Take note of the tagging features and indentations.
There are basically two types of lists, ordered and unordered. The top list is an unordered list which can be represented with the <ul> tags.
The bottom ordered list has <ol> tags
<li> stands for list item
The description list is indicated with <dt>