Úloha 1 – Vytvoření a nastavení s atributy width a height

Úloha

Zadání (kontext úlohy):

Chceš začít kreslit do canvasu, ale nejdřív musí být na stránce dobře vidět, kde plátno je a jak velké má rozměry.

Cíl úlohy:

Student si procvičí vložení elementu <canvas> do HTML, nastavení správné šířky a výšky přes atributy a přidání okraje pomocí CSS.

Vstupní podmínky:

Student pracuje pouze s nově vytvořeným souborem index.html.

Požadovaný výstup:

• Na stránce bude prázdné plátno <canvas> o velikosti 400×200 px.

• Plátno bude mít v CSS viditelné orámování (např. čárkované).

• Po otevření v prohlížeči bude jasně patrné, kde se nachází a jaké má rozměry.

Doplňující pokyny:

• Rozměry nastav přímo jako atributy width a height na <canvas>, ne jen přes CSS.

• Zkontroluj, že id v HTML odpovídá id v CSS (pozor na překlepy a diakritiku).