Lists

Let's make some lists. First we'll make an ordered list; this is a list that has numbers. Here's how:

<!DOCTYPE html>
<html lang="en">

<head>
  <title>List Example</title>
  <meta charset="utf-8">
</head>

<body>
  <h1>Judy's Shopping List</h1>
  <ol>
    <li>Milk</li>
    <li>Sugar</li>
    <li>Candy</li>
    <li>Bread</li>
  </ol>
</body>

</html>

Give it a try. Copy the code into Notepad, save it with the name "shop.html", then open it in the browser and see how it looks.

You might have figured out that the "ol" in the code stands for "ordered list." The "li" in the code stands for "list item." Notice, every beginning tag has an ending tag.

Now try an unordered list: replace the <ol> tag with <ul>, and the </ol> tag with </ul>. Yes, "ul" stands for "unordered list."