HTML5 Tutorial 5: Making lists

Making lists in HTML is very easy, we will be using the tags <ol>, <ul>, <menu> and <li> today.

<ol>
To make a standard ordered list like this:

1. Item 1
2. Item 2
3. Item 3

You would use the tag <ol> which stands for Ordered List, for any list you must also use the tag <li> which stands for List Item, You use the tags together like so:

<ol>
      <li>Item 1</li>
      <li>Item 2</li>
      <li>Item 3</li>
</ol>

This will show up like the above example.

<ul>

<ul> stands for Un-ordered list which is bullet points, like so:

• Item 1
• Item 2
• Item 3

To use them you simply change <ol> to <ul> like this:

<ul>
       <li>Item 1</li>
       <li>Item 2</li>
       <li>Item 3</li>
</ul>

<menu>

This is probably the most used form of lists, Checkboxes, They look like this:

Item 1

Item 2

Item 3

To use them you simply use the following code:

<menu>
<li><input type="checkbox" />Item 1</li>
<li><input type="checkbox" />Item 2</li>
        <li><input type="checkbox" />Item 3</li>
</menu>

Catch'ya later guys.