WEBVTT

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

00:00:02.766 --> 00:00:05.133
Spisywaliście listę zakupów,
rzeczy do zrobienia?

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

00:00:07.342 --> 00:00:10.401
np. „10 najśmieszniejszych
psich pysków?”.

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

00:00:13.700 --> 00:00:16.100
HTML udostępnia nam znaczniki
do sporządzania list.

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

00:00:18.966 --> 00:00:23.963
dla których króliki są świetnymi
zwierzątkami domowymi.

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

00:00:27.133 --> 00:00:30.486
wstawimy znacznik „ul”.

00:00:30.502 --> 00:00:32.433
Od czego to skrót?

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

00:00:36.100 --> 00:00:39.933
„U” to „nieuporządkowana”
(ang. unordered).

00:00:39.933 --> 00:00:42.800
Przeglądarka nie ponumeruje
elementów listy.

00:00:42.800 --> 00:00:45.066
Tylko wstawi z przodu kółeczka.

00:00:45.066 --> 00:00:48.367
Pokażę wam o co chodzi.
Wstawiamy pierwszy punkt,

00:00:48.367 --> 00:00:50.200
„są puchate”.

00:00:50.200 --> 00:00:52.111
Widzicie kółeczko z boku?

00:00:52.111 --> 00:00:53.268
To jest punktor.

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

00:00:55.933 --> 00:00:59.933
„L” to lista,
a „i” - element (ang. item).

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

00:01:01.700 --> 00:01:05.633
wstawiamy
nowy znacznik „li” w „ul”.

00:01:05.633 --> 00:01:08.500
Każdy „ul” musi zawierać
co najmniej jeden „li”,

00:01:08.500 --> 00:01:11.833
bo lista bez elementów
byłaby nieciekawa!

00:01:11.833 --> 00:01:13.733
Dodajmy coś jeszcze.

00:01:13.733 --> 00:01:17.366
„Umieją słuchać”

00:01:17.366 --> 00:01:21.535
i „zawsze zjedzą marchewkę,
która wam zostanie”.

00:01:22.146 --> 00:01:24.933
Całkiem przekonująca lista.

00:01:24.933 --> 00:01:28.433
Po jej przeczytaniu
nie można nie chcieć królika!

00:01:28.433 --> 00:01:30.000
Nie ponumerowałam elementów,

00:01:30.000 --> 00:01:31.767
bo żaden powód

00:01:31.767 --> 00:01:33.600
nie jest ważniejszy od innych,

00:01:33.600 --> 00:01:36.666
często jednak potrzebujemy
listy numerowanej.

00:01:36.666 --> 00:01:38.133
Zróbmy np. listę

00:01:38.133 --> 00:01:43.133
„Trzy najsławniejsze króliki”.

00:01:44.866 --> 00:01:47.233
Lista numerowana zacznie się

00:01:47.233 --> 00:01:51.166
od znacznika „ol” zamiast „ul” .

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

00:01:54.633 --> 00:01:56.281
Podpowiem: to przeciwieństwo

00:01:56.281 --> 00:01:59.233
słowa nieuporządkowany
(unordered) w znaczniku „ul”.

00:01:59.233 --> 00:02:02.633
Tak, to lista uporządkowana
(ang. ordered).

00:02:02.633 --> 00:02:04.566
Znacznik każe przeglądarce

00:02:04.566 --> 00:02:06.533
automatycznie numerować elementy.

00:02:06.533 --> 00:02:09.500
Aby dodać element,
nadal wpisujemy „li”

00:02:09.500 --> 00:02:11.733
w środku listy.

00:02:11.733 --> 00:02:13.400
Wpiszemy Królika Bugsa,

00:02:13.400 --> 00:02:15.866
Tuptusia

00:02:15.866 --> 00:02:19.300
i, rzecz jasna,
zajączka wielkanocnego.

00:02:20.988 --> 00:02:22.533
Ta lista ma dużą zaletę:

00:02:22.533 --> 00:02:25.033
przeglądarka
numeruje elementy za nas.

00:02:25.033 --> 00:02:27.733
Gdy przestawimy,
usuniemy lub dodamy elementy,

00:02:27.733 --> 00:02:30.400
numeracja zostanie skorygowana.

00:02:30.400 --> 00:02:32.133
Kiedy powiecie,

00:02:32.133 --> 00:02:33.800
że nie znacie Tuptusia,

00:02:33.800 --> 00:02:35.933
najpierw wyślę was do kina

00:02:35.933 --> 00:02:37.400
na „Jelonka Bambi”,

00:02:37.400 --> 00:02:39.300
ale zaraz, choć niechętnie,

00:02:39.300 --> 00:02:41.233
przesunę Tuptusia na koniec.

00:02:41.233 --> 00:02:44.466
Biedak jest teraz numerem 3.

00:02:44.466 --> 00:02:47.133
Teraz macie już narzędzia
do tworzenia list.

00:02:47.133 --> 00:02:50.329
Możecie tworzyć listy
wszystkiego, co się da!