WEBVTT 00:00:00.633 --> 00:00:02.766 You know what I love? Lists. 00:00:02.766 --> 00:00:05.133 Have you ever made a to-do or shopping list? 00:00:05.133 --> 00:00:07.342 Have you ever read a list on a webpage like, 00:00:07.342 --> 00:00:10.401 "Top 10 Most Ridiculous Dog Faces"? 00:00:10.401 --> 00:00:13.700 I bet you have, because the world is full of lists. 00:00:13.700 --> 00:00:16.100 HTML gives us a few tags to make lists, 00:00:16.100 --> 00:00:18.966 and we're going to practice them by making 00:00:18.966 --> 00:00:23.963 a list of reasons why rabbits make great pets. 00:00:24.600 --> 00:00:27.133 Now, to begin a bulleted list, 00:00:27.133 --> 00:00:30.486 we must start with the < ul > tag. 00:00:30.502 --> 00:00:32.433 What does < ul > stand for? 00:00:32.433 --> 00:00:36.100 Well I bet you can guess what the "l" stands for, list. 00:00:36.100 --> 00:00:39.933 The "u", is a little trickier, it stands for unordered, 00:00:39.933 --> 00:00:42.800 and it means that the browser won't number the list items. 00:00:42.800 --> 00:00:45.066 It will just add little bullets. 00:00:45.066 --> 00:00:48.367 To see what I mean let's add the first item, 00:00:48.367 --> 00:00:50.200 "They're Furry". 00:00:50.200 --> 00:00:52.111 See the little circle on the side? 00:00:52.111 --> 00:00:53.268 That's a bullet. 00:00:53.268 --> 00:00:55.933 Now what do you suppose < li > stands for? 00:00:55.933 --> 00:00:59.933 The "l" is list, and the "i" is item, list item. 00:00:59.933 --> 00:01:01.700 Every time we want to add a new item, 00:01:01.700 --> 00:01:05.633 we need to add a new < li > under the < ul > . 00:01:05.633 --> 00:01:08.500 Every < ul > should have at least one < li > under it, 00:01:08.500 --> 00:01:11.833 because a list with no items is pretty boring. 00:01:11.833 --> 00:01:13.733 Okay, let's add some more so, 00:01:13.733 --> 00:01:17.366 "Great listeners" and, 00:01:17.366 --> 00:01:21.535 "Eat all your leftover carrots" 00:01:22.146 --> 00:01:24.933 Okay this should be a pretty convincing list. 00:01:24.933 --> 00:01:28.433 I don't know who wouldn't want a rabbit after reading this. 00:01:28.433 --> 00:01:30.000 Now, I didn't number this list 00:01:30.000 --> 00:01:31.767 because I don't think that one reason 00:01:31.767 --> 00:01:33.600 is more important than the other, 00:01:33.600 --> 00:01:36.666 but there are a lot of times when we do want numbered lists. 00:01:36.666 --> 00:01:38.133 Like, if we wanted to make a 00:01:38.133 --> 00:01:43.133 "Top three most famous rabbits" list. 00:01:44.866 --> 00:01:47.233 So, to start our numbered list, 00:01:47.233 --> 00:01:51.166 we're going to use an < ol > instead of a < ul > . 00:01:51.166 --> 00:01:54.633 Have you figured out what < ol > stands for? 00:01:54.633 --> 00:01:56.281 Here's a hint, just chop the first 00:01:56.281 --> 00:01:59.233 two letters off of what < ul > stood for. 00:01:59.233 --> 00:02:02.633 That's right, it stands for "ordered list". 00:02:02.633 --> 00:02:04.566 And it tells a browser to automatically 00:02:04.566 --> 00:02:06.533 number each new item. 00:02:06.533 --> 00:02:09.500 We still use < li > for adding new items 00:02:09.500 --> 00:02:11.733 inside of the list however. 00:02:11.733 --> 00:02:13.400 So we'll put, "Bugs Bunny", 00:02:13.400 --> 00:02:15.866 we've got "Thumper", 00:02:15.866 --> 00:02:19.300 and of course, can't forget the "Easter Bunny". 00:02:20.988 --> 00:02:22.533 The neat thing about numbered lists is 00:02:22.533 --> 00:02:25.033 that the browser takes care of the numbering for us. 00:02:25.033 --> 00:02:27.733 So if we rearrange items, delete, or add new ones, 00:02:27.733 --> 00:02:30.400 it always updates the numbers correctly. 00:02:30.400 --> 00:02:32.133 Like if all of you tell me that you 00:02:32.133 --> 00:02:33.800 don't know who "Thumper" is. 00:02:33.800 --> 00:02:35.933 Then, first, I'll tell you all that you 00:02:35.933 --> 00:02:37.400 should really go watch "Bambi". 00:02:37.400 --> 00:02:39.300 But then I will begrudgingly move 00:02:39.300 --> 00:02:41.233 "Thumper" down to the bottom. 00:02:41.233 --> 00:02:44.466 And now, poor "Thumper" is number three. 00:02:44.466 --> 00:02:47.133 So now you have everything you need to make lists. 00:02:47.133 --> 00:02:50.329 Go forth and list everything.