Seznam úkolů

Nejdříve si stáhněte HTML dokument ÚKOL. Tento dokument má stejnou stylovou úpravu jako tyto webové stránky a obsahuje nezformátovaný text. Vaším úkolem je tento text naformátovat a zopakovat si tak látku z minulé hodiny.

Vaším úkolem tedy je:

• Rozdělit text na 5 odstavců.Text odstavce vkládáme mezi tagy <p> a </p>
• Celý text bude mít nadpis "Nekonečno".Nejdůležitější nadpis textu se vkládá mezi tagy <h1> a </h1>
• Přidat ke každému odstavci (kromě prvního) vhodný podnadpis.Podnadpis je možné vložit např. do tagů <h2> a </h2>
• Změnit barvu pozadí jedno z odstavců.<p style="background-color: barva">text odstavce</p>
• Změnit velikost písma jednoho z odstavců.<p style="font-size: velikost v px">text odstavce</p>
• Změňte barvu písma jednoho z odstavců.<p style="color: barva">text odstavce</p>
• Zarovnejte jeden z (pod)nadpisů doprostřed.<h1 style="text-align: center">text odstavce</h1>
• Vložte do textu obrázek.<img src="název obrázku" alt="alternativní text" style="width:šířka v px; height:výška v px;">
• Na konec textu vložte odkaz na lib. webovou stránku.<a href="http://...">Odkaz</a>

Váš výsledný HTML dokument může vypadat například takto.

skrýt

Nejdříve si stáhněte HTML dokument ÚKOL (hlavička tabulky v řádku) nebo ÚKOL (hlavička tabulky ve sloupci). Stejně jako v minulém úkolu má tento dokument stejnou stylovou úpravu jako tyto web. stránky.

Vaším úkolem je vytvořit tabulku, která bude obsahovat:

• alespoň 4 státy,
• u každého uvedete jeho hlavní město, počet obyvatel a měnu.

Pokud si chcete tabulku přestylovat (= aby vypadala jinak), podívejte se na začátek kódu úkolového HTML dokumentu -- mezi tagy <style> a </style> najdete nastylování tabulky pomocí kaskádových stylů. Pokuste se kódu porozumět samostatně, pokud vám nebude něco jasné, tak se mě zeptejte.

skrýt

Opět máte k dispozici "šablonu" -- TADY. Pokud nechcete, nemusíte šablonu používat -- v tomto případě nemáte seznamy předstylované.

Vaším úkolem je vytvořit uspořádaný a neuspořádaný seznam,

• u neuspořádaného seznamu změňte implicitní (původní) značku položky seznamu (puntík) na nějakou jinou (kolečko, čtvereček, žádný),
• u uspořádaného seznamu proveďte totéž.
• Každý seznam bude mít alespoň 3 položky.

skrýt

Stáhnětě si šablonu, ve které je předdefinován levý navigační sloupec.

Vaším úkolem je vtyvořit navigační sloupec (menu) takový, že

• bude NEuspořádaný,
• bude klikatelný, tzn.
• položky seznamu budou obsahovat odkaz tag <a>
• odkazy budu odkazovat na vaše předchozí úlohy (tedy Úvod do HTML, Tabulky, Seznamy) a na tuto úlohu,pokud nevíte, jak na to, tak se mě zeptejte
• seznam bude mít tedy 4 položky.Úvod do HTML, Tabulky, Seznamy, Navigační sloupec
• váš seznam budete umisťovat do vyznačeného místa v šabloně!

skrýt