Lists
We use lists in our everyday lives- at home, at school, they're everywhere. Creating a list in HTML is really pretty easy. First, you have to decide if your list is going to be numbered (ordered) or have bullets (unordered). Then you have to know the code: <ol> is used for ordered lists, and <ul> is used for unordered lists. After that, you start each line of your list with <li> and end it with </li>, and use the appropriate closing tag (</ol> or </ul>). It's really quite simple. Let's take a look at how a list of the basic Crayola colors would look in code.
<ol> <li> red</li> <li> blue</li> <li> yellow</li> <li> green</li> <li> purple</li> <li> orange</li> <li> brown</li> <li> black</li> </ol>
Practice Session
Open up a new Notepad file, key in your basic HTML code. Key in the code above into this file, (No, I don't mean copy and paste - I want to see your fingers keying in this information), and save as "lists.html" , "all files" in your web page folder. Open it up in your browser (F5 is the shortcut). You should have before you your very first list. If not, you know what to do, right?
Now you get to copy and paste. Highlight the code in this file, copy, open up a new file, and paste this code into it. Now I want you to change from an ordered list to an unordered list. Once you've changed the code, save as "2lists.html", select "all files", and save into your web page folder. Hit F5 to see the results.