KMI/WEB Tvorba webových stránek: Cvičení 02

Zadání

Vždy se snažte o co nejefektivnější řešení.

  1. úkol 1

    Vytvořte primitivní webovou stránku obsahující tři odstavce lorem ipsum textu. Pomocí externího CSS změňte barvu textu tak, aby první a třetí odstavec byl zobrazen tmavě šedou barvou a prostřední odstavec modrou barvou.

  2. úkol 2

    Vyřešte předchozí úkol bez použití atributů class a id (nepoužití inline CSS je samozřejmostí).

  3. úkol 3

    Upravte předchozí úkol tak, aby první písmeno každého odstavce bylo tučné (deklarace font-weight: bold;).

  4. úkol 4

    Napište CSS kód, který vizualizuje HTML kód tak, že obsah elementu span bude zobrazen šedou barvou, odkazy modrou barvou a při najetí myši se změní na tmavě modrou. Pokud je odkaz použit uvnitř elementu span, převezme jeho barvu (v našem případě tedy bude vizualizován šedou barvou, změna barvy po najetí myši zůstává stejná jako u odkazů mimo element span).

    Pozor HTML kód obsahuje chyby, které je nejprve třeba odstranit. K jejich nalezení použijte validátor.

  5. úkol 5

    Na stránce Fakultní nemocnice Olomouc změňte pomocí vývojářských nástrojů barvu textu elementu h1 na černou.

  6. úkol 6

    (dobrovolný)

    V HTML kódu je zaneseno 10 chyb. Pomocí validátoru všechny odhalte a opravte.