148 words (approximately 1 min)

lists

Unordered:

<ul style="list-style-type:disc;"> <!-- style for list item markers; also circle, square, none -->
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
</ul>

Ordered:

<!-- style for list item markers; also A, a, I, i -->
<!-- start: where to start the count -->
<ol type="1" start="50">
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
</ol>

horizontal lists

Use CSS to make a horizontal list, like a navigation menu:

<!DOCTYPE html>
<html>
<head>
<style>
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333333;
}

li {
    float: left;
}

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 16px;
    text-decoration: none;
}

li a:hover {
    background-color: #111111;
}
</style>
</head>
<body>

<ul>
    <li><a href="#home">Home</a></li>
    <li><a href="#news">News</a></li>
    <li><a href="#contact">Contact</a></li>
    <li><a href="#about">About</a></li>
</ul>

</body>
</html>

description lists

A list of terms with descriptions of each:

<dl>
    <dt>Coffee</dt> <!-- description term -->
    <dd>- black hot drink</dd> <!-- description definition -->
    <dt>Milk</dt>
    <dd>- white cold drink</dd>
</dl>