0:00:00.633,0:00:02.766
Wiecie, co bardzo lubię? Listy!

0:00:02.766,0:00:05.133
Spisywaliście listę zakupów,[br]rzeczy do zrobienia?

0:00:05.133,0:00:07.342
Czytaliście listę na stronie www,

0:00:07.342,0:00:10.401
np. „10 najśmieszniejszych[br]psich pysków?”.

0:00:10.401,0:00:13.700
Z pewnością. Świat jest pełen list!

0:00:13.700,0:00:16.100
HTML udostępnia nam znaczniki[br]do sporządzania list.

0:00:16.100,0:00:18.966
Wypróbujemy je, spisując powody,

0:00:18.966,0:00:23.963
dla których króliki są świetnymi[br]zwierzątkami domowymi.

0:00:24.600,0:00:27.133
Żeby rozpocząć listę punktowaną,

0:00:27.133,0:00:30.486
wstawimy znacznik „ul”.

0:00:30.502,0:00:32.433
Od czego to skrót?

0:00:32.433,0:00:36.100
Zgadniecie, że „l” oznacza listę.

0:00:36.100,0:00:39.933
„U” to „nieuporządkowana”[br](ang. unordered).

0:00:39.933,0:00:42.800
Przeglądarka nie ponumeruje[br]elementów listy.

0:00:42.800,0:00:45.066
Tylko wstawi z przodu kółeczka.

0:00:45.066,0:00:48.367
Pokażę wam o co chodzi.[br]Wstawiamy pierwszy punkt,

0:00:48.367,0:00:50.200
„są puchate”.

0:00:50.200,0:00:52.111
Widzicie kółeczko z boku?

0:00:52.111,0:00:53.268
To jest punktor.

0:00:53.268,0:00:55.933
Jak myślicie, co oznacza „li”?

0:00:55.933,0:00:59.933
„L” to lista,[br]a „i” - element (ang. item).

0:00:59.933,0:01:01.700
Chcąc dodać nowy element,

0:01:01.700,0:01:05.633
wstawiamy[br]nowy znacznik „li” w „ul”.

0:01:05.633,0:01:08.500
Każdy „ul” musi zawierać[br]co najmniej jeden „li”,

0:01:08.500,0:01:11.833
bo lista bez elementów[br]byłaby nieciekawa!

0:01:11.833,0:01:13.733
Dodajmy coś jeszcze.

0:01:13.733,0:01:17.366
„Umieją słuchać”

0:01:17.366,0:01:21.535
i „zawsze zjedzą marchewkę,[br]która wam zostanie”.

0:01:22.146,0:01:24.933
Całkiem przekonująca lista.

0:01:24.933,0:01:28.433
Po jej przeczytaniu[br]nie można nie chcieć królika!

0:01:28.433,0:01:30.000
Nie ponumerowałam elementów,

0:01:30.000,0:01:31.767
bo żaden powód

0:01:31.767,0:01:33.600
nie jest ważniejszy od innych,

0:01:33.600,0:01:36.666
często jednak potrzebujemy[br]listy numerowanej.

0:01:36.666,0:01:38.133
Zróbmy np. listę

0:01:38.133,0:01:43.133
„Trzy najsławniejsze króliki”.

0:01:44.866,0:01:47.233
Lista numerowana zacznie się

0:01:47.233,0:01:51.166
od znacznika „ol” zamiast „ul” .

0:01:51.166,0:01:54.633
Domyślacie się, skąd „ol”?

0:01:54.633,0:01:56.281
Podpowiem: to przeciwieństwo

0:01:56.281,0:01:59.233
słowa nieuporządkowany[br](unordered) w znaczniku „ul”.

0:01:59.233,0:02:02.633
Tak, to lista uporządkowana[br](ang. ordered).

0:02:02.633,0:02:04.566
Znacznik każe przeglądarce

0:02:04.566,0:02:06.533
automatycznie numerować elementy.

0:02:06.533,0:02:09.500
Aby dodać element,[br]nadal wpisujemy „li”

0:02:09.500,0:02:11.733
w środku listy.

0:02:11.733,0:02:13.400
Wpiszemy Królika Bugsa,

0:02:13.400,0:02:15.866
Tuptusia

0:02:15.866,0:02:19.300
i, rzecz jasna,[br]zajączka wielkanocnego.

0:02:20.988,0:02:22.533
Ta lista ma dużą zaletę:

0:02:22.533,0:02:25.033
przeglądarka[br]numeruje elementy za nas.

0:02:25.033,0:02:27.733
Gdy przestawimy,[br]usuniemy lub dodamy elementy,

0:02:27.733,0:02:30.400
numeracja zostanie skorygowana.

0:02:30.400,0:02:32.133
Kiedy powiecie,

0:02:32.133,0:02:33.800
że nie znacie Tuptusia,

0:02:33.800,0:02:35.933
najpierw wyślę was do kina

0:02:35.933,0:02:37.400
na „Jelonka Bambi”,

0:02:37.400,0:02:39.300
ale zaraz, choć niechętnie,

0:02:39.300,0:02:41.233
przesunę Tuptusia na koniec.

0:02:41.233,0:02:44.466
Biedak jest teraz numerem 3.

0:02:44.466,0:02:47.133
Teraz macie już narzędzia[br]do tworzenia list.

0:02:47.133,0:02:50.329
Możecie tworzyć listy[br]wszystkiego, co się da!