Úloha

Zadání (kontext úlohy):

Vyzkoušej tři způsoby připojení CSS stylů:

  • Inline pomocí atributu style na elementu,
  • Interní pomocí bloku <style> v <head>,
  • Externí pomocí souboru styles.css a elementu <link>.
Cíl úlohy
Porozumíš rozdílům mezi způsoby připojení CSS a naučíš se je technicky správně použít.
Vstupní podmínky
  • Máš připravený jednoduchý HTML dokument, který obsahuje základní strukturu (<!DOCTYPE html>, <html>, <head>, <body>), ale neobsahuje žádné styly.
  • K dispozici máš také prázdný externí soubor styles.css, do kterého můžeš psát vlastní CSS pravidla.
Požadovaný výstup
  • Platný <link> na externí CSS soubor.
  • Funkční <style> blok s interním CSS.
  • Použitý atribut style u některého elementu.
Doplňující pokyny

  • Porovnej výhody a nevýhody jednotlivých přístupů a zapiš své závěry (např. do komentářů v kódu nebo do samostatného textového souboru).

  • Dbej na přehlednost a správné umístění jednotlivých částí kódu.

Odkaz na css soubor
Odkaz na html soubor