0:00:00.633,0:00:02.766
You know what I love? Lists.

0:00:02.766,0:00:05.133
Have you ever made a[br]to-do or shopping list?

0:00:05.133,0:00:07.342
Have you ever read a[br]list on a webpage like,

0:00:07.342,0:00:10.401
"Top 10 Most Ridiculous Dog Faces"?

0:00:10.401,0:00:13.700
I bet you have, because[br]the world is full of lists.

0:00:13.700,0:00:16.100
HTML gives us a few tags to make lists,

0:00:16.100,0:00:18.966
and we're going to practice them by making

0:00:18.966,0:00:23.963
a list of reasons why[br]rabbits make great pets.

0:00:24.600,0:00:27.133
Now, to begin a bulleted list,

0:00:27.133,0:00:30.486
we must start with the < ul > tag.

0:00:30.502,0:00:32.433
What does < ul > stand for?

0:00:32.433,0:00:36.100
Well I bet you can guess what[br]the "l" stands for, list.

0:00:36.100,0:00:39.933
The "u", is a little trickier,[br]it stands for unordered,

0:00:39.933,0:00:42.800
and it means that the browser[br]won't number the list items.

0:00:42.800,0:00:45.066
It will just add little bullets.

0:00:45.066,0:00:48.367
To see what I mean let's[br]add the first item,

0:00:48.367,0:00:50.200
"They're Furry".

0:00:50.200,0:00:52.111
See the little circle on the side?

0:00:52.111,0:00:53.268
That's a bullet.

0:00:53.268,0:00:55.933
Now what do you suppose < li > stands for?

0:00:55.933,0:00:59.933
The "l" is list, and the[br]"i" is item, list item.

0:00:59.933,0:01:01.700
Every time we want to add a new item,

0:01:01.700,0:01:05.633
we need to add a new <[br]li > under the < ul > .

0:01:05.633,0:01:08.500
Every < ul > should have at[br]least one < li > under it,

0:01:08.500,0:01:11.833
because a list with no[br]items is pretty boring.

0:01:11.833,0:01:13.733
Okay, let's add some more so,

0:01:13.733,0:01:17.366
"Great listeners" and,

0:01:17.366,0:01:21.535
"Eat all your leftover carrots"

0:01:22.146,0:01:24.933
Okay this should be a[br]pretty convincing list.

0:01:24.933,0:01:28.433
I don't know who wouldn't want[br]a rabbit after reading this.

0:01:28.433,0:01:30.000
Now, I didn't number this list

0:01:30.000,0:01:31.767
because I don't think that one reason

0:01:31.767,0:01:33.600
is more important than the other,

0:01:33.600,0:01:36.666
but there are a lot of times[br]when we do want numbered lists.

0:01:36.666,0:01:38.133
Like, if we wanted to make a

0:01:38.133,0:01:43.133
"Top three most famous rabbits" list.

0:01:44.866,0:01:47.233
So, to start our numbered list,

0:01:47.233,0:01:51.166
we're going to use an <[br]ol > instead of a < ul > .

0:01:51.166,0:01:54.633
Have you figured out[br]what < ol > stands for?

0:01:54.633,0:01:56.281
Here's a hint, just chop the first

0:01:56.281,0:01:59.233
two letters off of what < ul > stood for.

0:01:59.233,0:02:02.633
That's right, it stands[br]for "ordered list".

0:02:02.633,0:02:04.566
And it tells a browser to automatically

0:02:04.566,0:02:06.533
number each new item.

0:02:06.533,0:02:09.500
We still use < li > for adding new items

0:02:09.500,0:02:11.733
inside of the list however.

0:02:11.733,0:02:13.400
So we'll put, "Bugs Bunny",

0:02:13.400,0:02:15.866
we've got "Thumper",

0:02:15.866,0:02:19.300
and of course, can't[br]forget the "Easter Bunny".

0:02:20.988,0:02:22.533
The neat thing about numbered lists is

0:02:22.533,0:02:25.033
that the browser takes care[br]of the numbering for us.

0:02:25.033,0:02:27.733
So if we rearrange items,[br]delete, or add new ones,

0:02:27.733,0:02:30.400
it always updates the numbers correctly.

0:02:30.400,0:02:32.133
Like if all of you tell me that you

0:02:32.133,0:02:33.800
don't know who "Thumper" is.

0:02:33.800,0:02:35.933
Then, first, I'll tell you all that you

0:02:35.933,0:02:37.400
should really go watch "Bambi".

0:02:37.400,0:02:39.300
But then I will begrudgingly move

0:02:39.300,0:02:41.233
"Thumper" down to the bottom.

0:02:41.233,0:02:44.466
And now, poor "Thumper" is number three.

0:02:44.466,0:02:47.133
So now you have everything[br]you need to make lists.

0:02:47.133,0:02:50.329
Go forth and list everything.