Whether it be IMDB’s top 250 movies or the FBI’s most-wanted, lists are everywhere on the web and you are going to need one eventually in your webpages.
Luckily, with HTML there are a couple of different types of lists at your disposal.
If you want to have a list of items where the order doesn’t matter, like a shopping list of items that can be bought in any order then you can use an unordered list.
Unordered lists are created using the
<ul> element and each item within the list is created using the list item element
Each list item in an unordered list begins with a bullet point:
If you instead want to create a list of items where the order does matter, like step-by-step instructions for a recipe or your top 10 favorite TV shows then you can use an ordered list.
Ordered lists are created using the
<ol> element and each individual item within them, are again created using the list item element
<li>. However, each list item in an ordered list begins with a number instead:
To get some practice using lists, create a new HTML document and create the following lists:
This section contains helpful links to other content. It isn’t required, so consider it supplemental for if you need to dive deeper into something.