Return to Video

HTML seznamy (Video verze)

  • 0:01 - 0:03
    Víte, co mám nejradši? Seznamy.
  • 0:03 - 0:05
    Už jste někdy vytvářeli
    nákupní seznam?
  • 0:05 - 0:07
    Viděli jste někdy na webu
    seznam jako,
  • 0:07 - 0:10
    "10 nejvtipnějších psích výrazů"?
  • 0:10 - 0:14
    Vsadím se, že jo, protože
    náš svět je plný seznamů.
  • 0:14 - 0:16
    V HTML je několik tagů
    pro tvorbu seznamů,
  • 0:16 - 0:19
    teď je procvičíme a vytvoříme
  • 0:19 - 0:24
    seznam důvodů, proč jsou
    králíci skvělí domácí mazlíčci.
  • 0:25 - 0:27
    Teď si vytvoříme odrážkový seznam,
  • 0:27 - 0:30
    začneme tagem .
  • 0:31 - 0:32
    Co vlastně znamená ?
  • 0:32 - 0:36
    Mohli byste uhodnout, že
    "l" znamená list (seznam).
  • 0:36 - 0:40
    "u" je trochu těžší,
    značí unordered (neseřazený),
  • 0:40 - 0:43
    a znamená to, že prohlížeč
    nebude položky seznamu číslovat.
  • 0:43 - 0:45
    Místo čísel budou tečky jako odrážky.
  • 0:45 - 0:48
    Abychom si to předvedli,
    vytvořte teď první položku,
  • 0:48 - 0:50
    "Jsou chlupatí".
  • 0:50 - 0:52
    Vidíte tu tečku na začátku?
  • 0:52 - 0:53
    To je odrážka.
  • 0:53 - 0:56
    Schválně, co znamená ?
  • 0:56 - 1:00
    "l" je list (seznam),
    a "i" je item (položka).
  • 1:00 - 1:02
    Pokaždé, když chceme přidat
    novou položku seznamu,
  • 1:02 - 1:06
    musíme přidat tag
    dovnitř tagu .
  • 1:06 - 1:08
    Každé by mělo mít
    pod sebou alespoň jedno ,
  • 1:08 - 1:12
    protože seznam bez položek
    je docela na nic.
  • 1:12 - 1:14
    OK, přidejte ještě další položky,
  • 1:14 - 1:17
    "Skvěle naslouchají" a
  • 1:17 - 1:22
    "Sežerou všechny nespotřebované mrkve".
  • 1:22 - 1:25
    Dobrá, to by měl být
    docela přesvědčivý seznam.
  • 1:25 - 1:28
    Každý, kdo si ho přečte,
    určitě bude chtít králíka.
  • 1:28 - 1:30
    Seznam jsme nečíslovali,
  • 1:30 - 1:32
    protože ani jeden z důvodů
  • 1:32 - 1:34
    není důležitější než ostatní,
  • 1:34 - 1:37
    ale je hodně případů,
    kdy seznam číslovat chceme.
  • 1:37 - 1:38
    Například, pokud chceme vytvořit
  • 1:38 - 1:43
    seznam "Tři nejznámější králíci".
  • 1:45 - 1:47
    Číslovaný seznam vytvoříme tak,
  • 1:47 - 1:51
    že použijeme místo .
  • 1:51 - 1:55
    Tušíte, co znamená?
  • 1:55 - 1:56
    Tady je nápověda, stačí oddělit
  • 1:56 - 1:59
    dvě písmena od toho, co znamenalo .
  • 1:59 - 2:03
    Je to "ordered list" (číslovaný seznam).
  • 2:03 - 2:05
    Díky tomuto tagu prohlížeč
  • 2:05 - 2:07
    očísluje každou novou položku.
  • 2:07 - 2:10
    Pro přidávání nových
    položek používáme opět ,
  • 2:10 - 2:12
    zase uvnitř tagu .
  • 2:12 - 2:13
    Teď do seznamu vložíme "Bugs Bunny",
  • 2:13 - 2:16
    dál "Thumper",
  • 2:16 - 2:19
    a samozřejmě nemůžeme
    zapomenout, "Velikonoční zajíček".
  • 2:20 - 2:23
    Na číslovaných seznamech je hezké,
  • 2:23 - 2:25
    že se prohlížeč o číslování
    postará sám.
  • 2:25 - 2:28
    Když přehodíme položky,
    smažeme nebo přidáme další,
  • 2:28 - 2:30
    vždy bude číslování správné.
  • 2:30 - 2:32
    Když mi například všichni řeknete,
  • 2:32 - 2:34
    že nevíte kdo je "Thumper".
  • 2:34 - 2:36
    Nejprve vám všem řeknu,
  • 2:36 - 2:37
    že byste se opravdu měli
    podívat na film "Bambi".
  • 2:37 - 2:39
    Pak ale se skřípáním zubů přesunu
  • 2:39 - 2:41
    Thumpera dolů na konec seznamu.
  • 2:41 - 2:44
    A teď je chudák "Thumper" až třetí.
  • 2:44 - 2:47
    Teď už známe vše potřebné
    pro tvorbu seznamů.
  • 2:47 - 2:50
    Seznamům zdar!
Title:
HTML seznamy (Video verze)
Description:

{'type': u'plain'}
more » « less
Video Language:
English
Duration:
02:51

Czech subtitles

Revisions

Our website uses cookies for analysis purposes.