Return to Video

Listy w HTML

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

Tworzenie nieuporządkowanych i uporządkowanych list w HTML
more » « less
Video Language:
English
Duration:
02:51

Polish subtitles

Revisions

Our website uses cookies for analysis purposes.