An HTML element you'll probably use a lot is lists.

An HTML list is simply a list of items numbered or unnumbered.

Lists are used in a variety of ways.

We can see a couple of examples on the profile page.

There are currently two lists on this page,

the main navigation and this list of skills.

Both of these lists are being styled with CSS, so

that they line up horizontally, rather than vertically.

Let's convert this background information here into a list, so

that we can see what a list looks like by default.

So let's go to index.html, and first,

I'm going to delete these two paragraphs that we created in previous videos.

You can create a list with one of two tags, ul or ol.

ul stands for unordered list, and ol stands for ordered list.

To start, put an ol around the paragraphs.

To separate the items in a list, you need to nest another tag inside ol,

an li tag which stands for list item.

I'll replace these paragraph tags with li tags and

make each sentence its own list item.

And we'll indent these list items because they're nested inside of the ordered list.

And just for fun, let's add a fourth list item.

I'll just say, Fourth list item.

Let's save, refresh, and take a look.

And as you can see, by default, this HTML structure gives us a numbered list.

A ul, or unordered list, is the type of list you'd use for

items that don't have or need to be in any specific order.

Go back to index.html and change ol to ul and see what happens.

The numbered list becomes a bulleted list.

Now that you know how to structure web pages and work with some common

HTML elements, let's learn how to make these elements look fantastic.

In the next part of the course, cascading style sheets.