Ordered & Unordered Lists

Very often web authors will want to make lists in their web pages. Lists can be of two types: ordered and unordered.

Ordered Unordered
  1. Item
  2. Item
  3. Item
  4. Item
  5. Item
  • Item
  • Item
  • Item
  • Item
  • Item

Making a list is fairly simple; you begin with one command to say what kind of list it is--<ol> for an ordered list, and <ul> for an unordered list:

Ordered Unordered
<ol>

</ol>
<ul>

</ul>

Then, to add list items, use the <li> command (for list item), the same command for both kinds of lists:

Ordered Unordered
<ol>
<li>Item</li>
<li>Item</li>
<li>Item</li>
<li>Item</li>
<li>Item</li>
</ol>
<ul>
<li>Item</li>
<li>Item</li>
<li>Item</li>
<li>Item</li>
<li>Item</li>
</ul>

Every time you add a list item, another bullet or number is added to the list.

Using CSS, it's possible to change the numbers or bullets used in the lists:

  • Item
  • Item
  • Item
  • Item
  • Item
  • Item
  • Item
  • Item
  • Item
  • Item
  • Item
  • Item
  • Item
  • Item
  • Item
  • Item
  • Item
  • Item
  • Item
  • Item
  1. Item
  2. Item
  3. Item
  4. Item
  5. Item
  1. Item
  2. Item
  3. Item
  4. Item
  5. Item
  1. Item
  2. Item
  3. Item
  4. Item
  5. Item
  1. Item
  2. Item
  3. Item
  4. Item
  5. Item

HTML tags you should know by now:
  • <html>
  • <head>
  • <title>
  • <body>
  • <b>
  • <strong>
  • <i>
  • <em>
  • <big>
  • <small>
  • <font>
  • <br />
  • <p>
  • <pre>
  • <blockquote>
  • <hr />
  • <img />
  • <a>
  • <ol>
  • <ul>
  • <li>
 



 



Video Review