Tato lekce se zaměřuje na tvorbu strukturované webové stránky pomocí sémantických HTML5 značek. 

Student se naučí:

• jak správně strukturovat webovou stránku,
• jaký je význam značek jako je <header>, <main., <section>, <article>, a <footer>,
• proč je důležitá přehlednost kódu,
• jak vytvořit základní kostru moderní webové stránky. 

Součástí materiálu jsou praktická cvičení, na kterých si student osvojí správné použití jednotlivých prvků v reálném kontextu. 

Materiál je vhodný pro úplné začátečníky i mírně pokročilé. 

Materiál obsahuje:

• studentskou verzi (výklad+cvičení)
• učitelskou verzi (metodika+výklad+řešení)
• řešené HTML soubory ke každému cvičení