-
Wiecie, co bardzo lubię? Listy!
-
Spisywaliście listę zakupów,
rzeczy do zrobienia?
-
Czytaliście listę na stronie www,
-
np. „10 najśmieszniejszych
psich pysków?”.
-
Z pewnością. Świat jest pełen list!
-
HTML udostępnia nam znaczniki
do sporządzania list.
-
Wypróbujemy je, spisując powody,
-
dla których króliki są świetnymi
zwierzątkami domowymi.
-
Żeby rozpocząć listę punktowaną,
-
wstawimy znacznik „ul”.
-
Od czego to skrót?
-
Zgadniecie, że „l” oznacza listę.
-
„U” to „nieuporządkowana”
(ang. unordered).
-
Przeglądarka nie ponumeruje
elementów listy.
-
Tylko wstawi z przodu kółeczka.
-
Pokażę wam o co chodzi.
Wstawiamy pierwszy punkt,
-
„są puchate”.
-
Widzicie kółeczko z boku?
-
To jest punktor.
-
Jak myślicie, co oznacza „li”?
-
„L” to lista,
a „i” - element (ang. item).
-
Chcąc dodać nowy element,
-
wstawiamy
nowy znacznik „li” w „ul”.
-
Każdy „ul” musi zawierać
co najmniej jeden „li”,
-
bo lista bez elementów
byłaby nieciekawa!
-
Dodajmy coś jeszcze.
-
„Umieją słuchać”
-
i „zawsze zjedzą marchewkę,
która wam zostanie”.
-
Całkiem przekonująca lista.
-
Po jej przeczytaniu
nie można nie chcieć królika!
-
Nie ponumerowałam elementów,
-
bo żaden powód
-
nie jest ważniejszy od innych,
-
często jednak potrzebujemy
listy numerowanej.
-
Zróbmy np. listę
-
„Trzy najsławniejsze króliki”.
-
Lista numerowana zacznie się
-
od znacznika „ol” zamiast „ul” .
-
Domyślacie się, skąd „ol”?
-
Podpowiem: to przeciwieństwo
-
słowa nieuporządkowany
(unordered) w znaczniku „ul”.
-
Tak, to lista uporządkowana
(ang. ordered).
-
Znacznik każe przeglądarce
-
automatycznie numerować elementy.
-
Aby dodać element,
nadal wpisujemy „li”
-
w środku listy.
-
Wpiszemy Królika Bugsa,
-
Tuptusia
-
i, rzecz jasna,
zajączka wielkanocnego.
-
Ta lista ma dużą zaletę:
-
przeglądarka
numeruje elementy za nas.
-
Gdy przestawimy,
usuniemy lub dodamy elementy,
-
numeracja zostanie skorygowana.
-
Kiedy powiecie,
-
że nie znacie Tuptusia,
-
najpierw wyślę was do kina
-
na „Jelonka Bambi”,
-
ale zaraz, choć niechętnie,
-
przesunę Tuptusia na koniec.
-
Biedak jest teraz numerem 3.
-
Teraz macie już narzędzia
do tworzenia list.
-
Możecie tworzyć listy
wszystkiego, co się da!
