1 00:00:00,633 --> 00:00:02,766 Wiecie, co bardzo lubię? Listy! 2 00:00:02,766 --> 00:00:05,133 Spisywaliście listę zakupów, rzeczy do zrobienia? 3 00:00:05,133 --> 00:00:07,342 Czytaliście listę na stronie www, 4 00:00:07,342 --> 00:00:10,401 np. „10 najśmieszniejszych psich pysków?”. 5 00:00:10,401 --> 00:00:13,700 Z pewnością. Świat jest pełen list! 6 00:00:13,700 --> 00:00:16,100 HTML udostępnia nam znaczniki do sporządzania list. 7 00:00:16,100 --> 00:00:18,966 Wypróbujemy je, spisując powody, 8 00:00:18,966 --> 00:00:23,963 dla których króliki są świetnymi zwierzątkami domowymi. 9 00:00:24,600 --> 00:00:27,133 Żeby rozpocząć listę punktowaną, 10 00:00:27,133 --> 00:00:30,486 wstawimy znacznik „ul”. 11 00:00:30,502 --> 00:00:32,433 Od czego to skrót? 12 00:00:32,433 --> 00:00:36,100 Zgadniecie, że „l” oznacza listę. 13 00:00:36,100 --> 00:00:39,933 „U” to „nieuporządkowana” (ang. unordered). 14 00:00:39,933 --> 00:00:42,800 Przeglądarka nie ponumeruje elementów listy. 15 00:00:42,800 --> 00:00:45,066 Tylko wstawi z przodu kółeczka. 16 00:00:45,066 --> 00:00:48,367 Pokażę wam o co chodzi. Wstawiamy pierwszy punkt, 17 00:00:48,367 --> 00:00:50,200 „są puchate”. 18 00:00:50,200 --> 00:00:52,111 Widzicie kółeczko z boku? 19 00:00:52,111 --> 00:00:53,268 To jest punktor. 20 00:00:53,268 --> 00:00:55,933 Jak myślicie, co oznacza „li”? 21 00:00:55,933 --> 00:00:59,933 „L” to lista, a „i” - element (ang. item). 22 00:00:59,933 --> 00:01:01,700 Chcąc dodać nowy element, 23 00:01:01,700 --> 00:01:05,633 wstawiamy nowy znacznik „li” w „ul”. 24 00:01:05,633 --> 00:01:08,500 Każdy „ul” musi zawierać co najmniej jeden „li”, 25 00:01:08,500 --> 00:01:11,833 bo lista bez elementów byłaby nieciekawa! 26 00:01:11,833 --> 00:01:13,733 Dodajmy coś jeszcze. 27 00:01:13,733 --> 00:01:17,366 „Umieją słuchać” 28 00:01:17,366 --> 00:01:21,535 i „zawsze zjedzą marchewkę, która wam zostanie”. 29 00:01:22,146 --> 00:01:24,933 Całkiem przekonująca lista. 30 00:01:24,933 --> 00:01:28,433 Po jej przeczytaniu nie można nie chcieć królika! 31 00:01:28,433 --> 00:01:30,000 Nie ponumerowałam elementów, 32 00:01:30,000 --> 00:01:31,767 bo żaden powód 33 00:01:31,767 --> 00:01:33,600 nie jest ważniejszy od innych, 34 00:01:33,600 --> 00:01:36,666 często jednak potrzebujemy listy numerowanej. 35 00:01:36,666 --> 00:01:38,133 Zróbmy np. listę 36 00:01:38,133 --> 00:01:43,133 „Trzy najsławniejsze króliki”. 37 00:01:44,866 --> 00:01:47,233 Lista numerowana zacznie się 38 00:01:47,233 --> 00:01:51,166 od znacznika „ol” zamiast „ul” . 39 00:01:51,166 --> 00:01:54,633 Domyślacie się, skąd „ol”? 40 00:01:54,633 --> 00:01:56,281 Podpowiem: to przeciwieństwo 41 00:01:56,281 --> 00:01:59,233 słowa nieuporządkowany (unordered) w znaczniku „ul”. 42 00:01:59,233 --> 00:02:02,633 Tak, to lista uporządkowana (ang. ordered). 43 00:02:02,633 --> 00:02:04,566 Znacznik każe przeglądarce 44 00:02:04,566 --> 00:02:06,533 automatycznie numerować elementy. 45 00:02:06,533 --> 00:02:09,500 Aby dodać element, nadal wpisujemy „li” 46 00:02:09,500 --> 00:02:11,733 w środku listy. 47 00:02:11,733 --> 00:02:13,400 Wpiszemy Królika Bugsa, 48 00:02:13,400 --> 00:02:15,866 Tuptusia 49 00:02:15,866 --> 00:02:19,300 i, rzecz jasna, zajączka wielkanocnego. 50 00:02:20,988 --> 00:02:22,533 Ta lista ma dużą zaletę: 51 00:02:22,533 --> 00:02:25,033 przeglądarka numeruje elementy za nas. 52 00:02:25,033 --> 00:02:27,733 Gdy przestawimy, usuniemy lub dodamy elementy, 53 00:02:27,733 --> 00:02:30,400 numeracja zostanie skorygowana. 54 00:02:30,400 --> 00:02:32,133 Kiedy powiecie, 55 00:02:32,133 --> 00:02:33,800 że nie znacie Tuptusia, 56 00:02:33,800 --> 00:02:35,933 najpierw wyślę was do kina 57 00:02:35,933 --> 00:02:37,400 na „Jelonka Bambi”, 58 00:02:37,400 --> 00:02:39,300 ale zaraz, choć niechętnie, 59 00:02:39,300 --> 00:02:41,233 przesunę Tuptusia na koniec. 60 00:02:41,233 --> 00:02:44,466 Biedak jest teraz numerem 3. 61 00:02:44,466 --> 00:02:47,133 Teraz macie już narzędzia do tworzenia list. 62 00:02:47,133 --> 00:02:50,329 Możecie tworzyć listy wszystkiego, co się da!