HTML – Atributy, odkazy a obrázky (Lekce 2)

Kompletní popis

Tato lekce navazuje na základy HTML a zaměřuje se na práci s atributy HTML značek, odkazy a obrázky. Cílem je, aby studenti pochopili význam atributů, uměli je správně zapisovat a používali HTML značky s důrazem na strukturu a sémantiku, nikoli vzhled.

Materiál je připraven jako kompletní výukový balíček vhodný pro školní výuku i samostudium.

Materiál obsahuje:

• Studentské PDF
  – výklad látky s příklady
  – praktická cvičení krok za krokem
  – kontrolní otázky a bonusový úkol
• Učitelské PDF
  – metodické poznámky k výkladu
  – upozornění na typické chyby studentů
  – kompletní řešení cvičení
• Složku s řešeními
  – samostatné HTML soubory ke každému cvičení (2.1–2.6)
  – připraveno pro práci ve Visual Studio Code

Témata lekce:

• Co je atribut HTML značky a jak se zapisuje
• Atribut lang
• Odkazy (<a>) – absolutní a relativní
• Obrázky (<img>) a význam atributu alt
• Práce s cestami k souborům

Pro koho je materiál určen:

• učitele informatiky na ZŠ a SŠ
• začátečníky v HTML
• kroužky, kurzy a mimoškolní výuku
• samouky, kteří chtějí pochopit základy správně a systematicky

Materiál je koncipován tak, aby studenti pracovali samostatně se studentským PDF, zatímco vyučující má k dispozici metodickou oporu a řešení pro kontrolu a společné vyhodnocení.