Ú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).