1
00:00:00,633 --> 00:00:02,766
You know what I love? Lists.

2
00:00:02,766 --> 00:00:05,133
Have you ever made a
to-do or shopping list?

3
00:00:05,133 --> 00:00:07,342
Have you ever read a
list on a webpage like,

4
00:00:07,342 --> 00:00:10,401
"Top 10 Most Ridiculous Dog Faces"?

5
00:00:10,401 --> 00:00:13,700
I bet you have, because
the world is full of lists.

6
00:00:13,700 --> 00:00:16,100
HTML gives us a few tags to make lists,

7
00:00:16,100 --> 00:00:18,966
and we're going to practice them by making

8
00:00:18,966 --> 00:00:23,963
a list of reasons why
rabbits make great pets.

9
00:00:24,600 --> 00:00:27,133
Now, to begin a bulleted list,

10
00:00:27,133 --> 00:00:30,486
we must start with the < ul > tag.

11
00:00:30,502 --> 00:00:32,433
What does < ul > stand for?

12
00:00:32,433 --> 00:00:36,100
Well I bet you can guess what
the "l" stands for, list.

13
00:00:36,100 --> 00:00:39,933
The "u", is a little trickier,
it stands for unordered,

14
00:00:39,933 --> 00:00:42,800
and it means that the browser
won't number the list items.

15
00:00:42,800 --> 00:00:45,066
It will just add little bullets.

16
00:00:45,066 --> 00:00:48,367
To see what I mean let's
add the first item,

17
00:00:48,367 --> 00:00:50,200
"They're Furry".

18
00:00:50,200 --> 00:00:52,111
See the little circle on the side?

19
00:00:52,111 --> 00:00:53,268
That's a bullet.

20
00:00:53,268 --> 00:00:55,933
Now what do you suppose < li > stands for?

21
00:00:55,933 --> 00:00:59,933
The "l" is list, and the
"i" is item, list item.

22
00:00:59,933 --> 00:01:01,700
Every time we want to add a new item,

23
00:01:01,700 --> 00:01:05,633
we need to add a new <
li > under the < ul > .

24
00:01:05,633 --> 00:01:08,500
Every < ul > should have at
least one < li > under it,

25
00:01:08,500 --> 00:01:11,833
because a list with no
items is pretty boring.

26
00:01:11,833 --> 00:01:13,733
Okay, let's add some more so,

27
00:01:13,733 --> 00:01:17,366
"Great listeners" and,

28
00:01:17,366 --> 00:01:21,535
"Eat all your leftover carrots"

29
00:01:22,146 --> 00:01:24,933
Okay this should be a
pretty convincing list.

30
00:01:24,933 --> 00:01:28,433
I don't know who wouldn't want
a rabbit after reading this.

31
00:01:28,433 --> 00:01:30,000
Now, I didn't number this list

32
00:01:30,000 --> 00:01:31,767
because I don't think that one reason

33
00:01:31,767 --> 00:01:33,600
is more important than the other,

34
00:01:33,600 --> 00:01:36,666
but there are a lot of times
when we do want numbered lists.

35
00:01:36,666 --> 00:01:38,133
Like, if we wanted to make a

36
00:01:38,133 --> 00:01:43,133
"Top three most famous rabbits" list.

37
00:01:44,866 --> 00:01:47,233
So, to start our numbered list,

38
00:01:47,233 --> 00:01:51,166
we're going to use an <
ol > instead of a < ul > .

39
00:01:51,166 --> 00:01:54,633
Have you figured out
what < ol > stands for?

40
00:01:54,633 --> 00:01:56,281
Here's a hint, just chop the first

41
00:01:56,281 --> 00:01:59,233
two letters off of what < ul > stood for.

42
00:01:59,233 --> 00:02:02,633
That's right, it stands
for "ordered list".

43
00:02:02,633 --> 00:02:04,566
And it tells a browser to automatically

44
00:02:04,566 --> 00:02:06,533
number each new item.

45
00:02:06,533 --> 00:02:09,500
We still use < li > for adding new items

46
00:02:09,500 --> 00:02:11,733
inside of the list however.

47
00:02:11,733 --> 00:02:13,400
So we'll put, "Bugs Bunny",

48
00:02:13,400 --> 00:02:15,866
we've got "Thumper",

49
00:02:15,866 --> 00:02:19,300
and of course, can't
forget the "Easter Bunny".

50
00:02:20,988 --> 00:02:22,533
The neat thing about numbered lists is

51
00:02:22,533 --> 00:02:25,033
that the browser takes care
of the numbering for us.

52
00:02:25,033 --> 00:02:27,733
So if we rearrange items,
delete, or add new ones,

53
00:02:27,733 --> 00:02:30,400
it always updates the numbers correctly.

54
00:02:30,400 --> 00:02:32,133
Like if all of you tell me that you

55
00:02:32,133 --> 00:02:33,800
don't know who "Thumper" is.

56
00:02:33,800 --> 00:02:35,933
Then, first, I'll tell you all that you

57
00:02:35,933 --> 00:02:37,400
should really go watch "Bambi".

58
00:02:37,400 --> 00:02:39,300
But then I will begrudgingly move

59
00:02:39,300 --> 00:02:41,233
"Thumper" down to the bottom.

60
00:02:41,233 --> 00:02:44,466
And now, poor "Thumper" is number three.

61
00:02:44,466 --> 00:02:47,133
So now you have everything
you need to make lists.

62
00:02:47,133 --> 00:02:50,329
Go forth and list everything.