[Script Info] Title: [Events] Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text Dialogue: 0,0:00:00.63,0:00:02.77,Default,,0000,0000,0000,,You know what I love? Lists. Dialogue: 0,0:00:02.77,0:00:05.13,Default,,0000,0000,0000,,Have you ever made a\Nto-do or shopping list? Dialogue: 0,0:00:05.13,0:00:07.34,Default,,0000,0000,0000,,Have you ever read a\Nlist on a webpage like, Dialogue: 0,0:00:07.34,0:00:10.40,Default,,0000,0000,0000,,"Top 10 Most Ridiculous Dog Faces"? Dialogue: 0,0:00:10.40,0:00:13.70,Default,,0000,0000,0000,,I bet you have, because\Nthe world is full of lists. Dialogue: 0,0:00:13.70,0:00:16.10,Default,,0000,0000,0000,,HTML gives us a few tags to make lists, Dialogue: 0,0:00:16.10,0:00:18.97,Default,,0000,0000,0000,,and we're going to practice them by making Dialogue: 0,0:00:18.97,0:00:23.96,Default,,0000,0000,0000,,a list of reasons why\Nrabbits make great pets. Dialogue: 0,0:00:24.60,0:00:27.13,Default,,0000,0000,0000,,Now, to begin a bulleted list, Dialogue: 0,0:00:27.13,0:00:30.49,Default,,0000,0000,0000,,we must start with the < ul > tag. Dialogue: 0,0:00:30.50,0:00:32.43,Default,,0000,0000,0000,,What does < ul > stand for? Dialogue: 0,0:00:32.43,0:00:36.10,Default,,0000,0000,0000,,Well I bet you can guess what\Nthe "l" stands for, list. Dialogue: 0,0:00:36.10,0:00:39.93,Default,,0000,0000,0000,,The "u", is a little trickier,\Nit stands for unordered, Dialogue: 0,0:00:39.93,0:00:42.80,Default,,0000,0000,0000,,and it means that the browser\Nwon't number the list items. Dialogue: 0,0:00:42.80,0:00:45.07,Default,,0000,0000,0000,,It will just add little bullets. Dialogue: 0,0:00:45.07,0:00:48.37,Default,,0000,0000,0000,,To see what I mean let's\Nadd the first item, Dialogue: 0,0:00:48.37,0:00:50.20,Default,,0000,0000,0000,,"They're Furry". Dialogue: 0,0:00:50.20,0:00:52.11,Default,,0000,0000,0000,,See the little circle on the side? Dialogue: 0,0:00:52.11,0:00:53.27,Default,,0000,0000,0000,,That's a bullet. Dialogue: 0,0:00:53.27,0:00:55.93,Default,,0000,0000,0000,,Now what do you suppose < li > stands for? Dialogue: 0,0:00:55.93,0:00:59.93,Default,,0000,0000,0000,,The "l" is list, and the\N"i" is item, list item. Dialogue: 0,0:00:59.93,0:01:01.70,Default,,0000,0000,0000,,Every time we want to add a new item, Dialogue: 0,0:01:01.70,0:01:05.63,Default,,0000,0000,0000,,we need to add a new <\Nli > under the < ul > . Dialogue: 0,0:01:05.63,0:01:08.50,Default,,0000,0000,0000,,Every < ul > should have at\Nleast one < li > under it, Dialogue: 0,0:01:08.50,0:01:11.83,Default,,0000,0000,0000,,because a list with no\Nitems is pretty boring. Dialogue: 0,0:01:11.83,0:01:13.73,Default,,0000,0000,0000,,Okay, let's add some more so, Dialogue: 0,0:01:13.73,0:01:17.37,Default,,0000,0000,0000,,"Great listeners" and, Dialogue: 0,0:01:17.37,0:01:21.54,Default,,0000,0000,0000,,"Eat all your leftover carrots" Dialogue: 0,0:01:22.15,0:01:24.93,Default,,0000,0000,0000,,Okay this should be a\Npretty convincing list. Dialogue: 0,0:01:24.93,0:01:28.43,Default,,0000,0000,0000,,I don't know who wouldn't want\Na rabbit after reading this. Dialogue: 0,0:01:28.43,0:01:30.00,Default,,0000,0000,0000,,Now, I didn't number this list Dialogue: 0,0:01:30.00,0:01:31.77,Default,,0000,0000,0000,,because I don't think that one reason Dialogue: 0,0:01:31.77,0:01:33.60,Default,,0000,0000,0000,,is more important than the other, Dialogue: 0,0:01:33.60,0:01:36.67,Default,,0000,0000,0000,,but there are a lot of times\Nwhen we do want numbered lists. Dialogue: 0,0:01:36.67,0:01:38.13,Default,,0000,0000,0000,,Like, if we wanted to make a Dialogue: 0,0:01:38.13,0:01:43.13,Default,,0000,0000,0000,,"Top three most famous rabbits" list. Dialogue: 0,0:01:44.87,0:01:47.23,Default,,0000,0000,0000,,So, to start our numbered list, Dialogue: 0,0:01:47.23,0:01:51.17,Default,,0000,0000,0000,,we're going to use an <\Nol > instead of a < ul > . Dialogue: 0,0:01:51.17,0:01:54.63,Default,,0000,0000,0000,,Have you figured out\Nwhat < ol > stands for? Dialogue: 0,0:01:54.63,0:01:56.28,Default,,0000,0000,0000,,Here's a hint, just chop the first Dialogue: 0,0:01:56.28,0:01:59.23,Default,,0000,0000,0000,,two letters off of what < ul > stood for. Dialogue: 0,0:01:59.23,0:02:02.63,Default,,0000,0000,0000,,That's right, it stands\Nfor "ordered list". Dialogue: 0,0:02:02.63,0:02:04.57,Default,,0000,0000,0000,,And it tells a browser to automatically Dialogue: 0,0:02:04.57,0:02:06.53,Default,,0000,0000,0000,,number each new item. Dialogue: 0,0:02:06.53,0:02:09.50,Default,,0000,0000,0000,,We still use < li > for adding new items Dialogue: 0,0:02:09.50,0:02:11.73,Default,,0000,0000,0000,,inside of the list however. Dialogue: 0,0:02:11.73,0:02:13.40,Default,,0000,0000,0000,,So we'll put, "Bugs Bunny", Dialogue: 0,0:02:13.40,0:02:15.87,Default,,0000,0000,0000,,we've got "Thumper", Dialogue: 0,0:02:15.87,0:02:19.30,Default,,0000,0000,0000,,and of course, can't\Nforget the "Easter Bunny". Dialogue: 0,0:02:20.99,0:02:22.53,Default,,0000,0000,0000,,The neat thing about numbered lists is Dialogue: 0,0:02:22.53,0:02:25.03,Default,,0000,0000,0000,,that the browser takes care\Nof the numbering for us. Dialogue: 0,0:02:25.03,0:02:27.73,Default,,0000,0000,0000,,So if we rearrange items,\Ndelete, or add new ones, Dialogue: 0,0:02:27.73,0:02:30.40,Default,,0000,0000,0000,,it always updates the numbers correctly. Dialogue: 0,0:02:30.40,0:02:32.13,Default,,0000,0000,0000,,Like if all of you tell me that you Dialogue: 0,0:02:32.13,0:02:33.80,Default,,0000,0000,0000,,don't know who "Thumper" is. Dialogue: 0,0:02:33.80,0:02:35.93,Default,,0000,0000,0000,,Then, first, I'll tell you all that you Dialogue: 0,0:02:35.93,0:02:37.40,Default,,0000,0000,0000,,should really go watch "Bambi". Dialogue: 0,0:02:37.40,0:02:39.30,Default,,0000,0000,0000,,But then I will begrudgingly move Dialogue: 0,0:02:39.30,0:02:41.23,Default,,0000,0000,0000,,"Thumper" down to the bottom. Dialogue: 0,0:02:41.23,0:02:44.47,Default,,0000,0000,0000,,And now, poor "Thumper" is number three. Dialogue: 0,0:02:44.47,0:02:47.13,Default,,0000,0000,0000,,So now you have everything\Nyou need to make lists. Dialogue: 0,0:02:47.13,0:02:50.33,Default,,0000,0000,0000,,Go forth and list everything.