Úloha 1 – 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.

---