HTML

Web o webu

Seznamy

1) Web moudrosti

Jednoduché seznamy

Do složky webu vytvořeného v předchozího cvičení přidejte nový soubor seznamy.html a vložte do něj následující nadpis, podnadpis a seznam. Do souboru styly.css vytvořeném již v předchozím cvičení přidejte styl pro odrážky nečíslovaného seznamu:

Zadání

Úvahy o životě

Čemu věřím

  • Věřím, že fantazie je silnější než vědění,
  • že mýty mají větší moc než historie,
  • že sny jsou mocnější než skutečnost,
  • že naděje vždy zvítězí nad zkušeností,
  • že smích je jediným lékem na zármutek,
  • a věřím, že láska je silnější než smrt.

Robert Fulghum - Všechno co potřebuji znát jsem se naučil v mateřské školce

Vnořené seznamy

- pro středně pokročilé

Do souboru seznamy.html, vytvořeném dle zadání výše, vložte další podnadpis a seznamy. Do souboru styly.css přidejte styl pro odrážky vnořeného nečíslovaného seznamu:

Zadání

Co jsem se naučil v mateřské školce

  • Buď hodný
    • Rozděl se.
    • Hraj fér.
    • Nikoho nebij.
    • Když někomu ublížíš, řekni promiň.
  • Buď hodný na sebe
    • Teplé koláčky a studené mléko ti udělají dobře.
    • Každý den odpoledne si zdřímni.
  • Buď pozorný
    • Když vyrazíš do světa, chytni někoho za ruku a drž se s ostatními pohromadě.
    • A nikdy nezapomeň na dětské obrázkové knížky a první slovo, které ses naučil – největší slovo ze všech – DÍVEJ SE.

Vnořené seznamy tří úrovní

- pouze pro pokročilé

Do souboru seznamy.html, vytvořeném dle zadání výše, vložte další podnadpis a seznamy. Do souboru styly.css přidejte styl pro odrážky vnořeného nečíslovaného seznamu:

Zadání

Co jsem se naučil v dospělosti

  1. O životě
    1. Carlo Franchi
      • Politikové klopýtají o své dnešní problémy a o své včerejší výroky.
      • Nejnebezpečnější lži pocházejí od těch, kteří jim věří.
    2. Robert Fulghum
      • O život můžeme přijít různě. Smrt je jen jednou z možností.
      • Život není nic lehkého. Miny jsou vždycky někde ukryté.
      • Někdy je skutečně tak zle, jak se zdá. Ale mám též důkazy, že občas něco dopadne ještě lépe, než jsme se odvážili doufat.
      • Nejlepší lidské okamžiky bývají malých rozměrů, ale duchovně nám vystačí na celý život.
  2. O lásce
    1. Josef Fousek
      • Samota je krásná, ale musíš mít někoho, komu o ní vyprávíš.
      • Zkušenosti jsou vzpomínky na modřiny.
    2. Robert Fulghum
      • Láska způsobuje bolest, ale také bolest léčí. Láska prostě bolest je.
      • Dokud žijete - milujte se navzájem, a neste si následky.
      • Láska obvykle trvá léta, sex minuty.
      • Nejvíce lásku obvykle potřebujeme ve chvíli, kdy nás nikdo mít rád ani nemůže.
      • Láska vám může srdce naplnit, pak zlomit, a to zlomené srdce znovu vyléčit.

2) Materiály ke cvičení

Vypracujte úkol (seznamy) dle zadání v některé ze šablon, kterou jste si stáhli v úvodní kapitole Materiály ke cvičení.

Html soubor zkontrolujte pomocí W3C validátoru nebo proveďte kontrolu v PSPadu HTML - Kontrola HTML.

Css soubor zkontrolujte pomocí CSS validátoru.

Příslušný úkol vypracujte bez vyzvání vždy po přečtení každé kapitoly.

3) Vlastní web

Otevřete index.html a css soubor ze složky vlastni_web.

Do příslušného bloku html stránky zapište číslovaný nebo nečíslovaný seznam, případně vnořené seznamy.

Do css souboru zapište definice stylů pro seznamy.

Po prostudování každé následující kapitoly vytvořte další html soubor s příslušným obsahem. Proveďte také kontrolu validity.

Takto postupujte nadále v každé kapitole.

Další texty či obrázky apod. pak přidávejte do stránky index.html nebo si vytvořte kopii struktury index.html s novým názvem.

Všechny styly pro vkládaný obsah přidávejte stále do jednoho css souboru.