Jazyk HTML (HyperText Markup Language)
Vítejte v sekci věnované základům i pokročilým technikám jazyka HTML. HTML tvoří základní kostru každé webové stránky a určuje její strukturu a význam obsahu.
Obsah této sekce
Tato sekce je rozdělena do tří na sebe navazujících kapitol:
- Základy, pravidla a DOM
- Dozvíte se, jak vypadá základní kostra dokumentu, co je to značka (tag), jak se značky vnořují a jak prohlížeč vytváří z HTML takzvaný DOM (Document Object Model).
- Přehled používaných značek a sémantika
- Kompletní přehled od nadpisů a odstavců přes tabulky a formuláře až po moderní sémantické značky (header, nav, article), které pomáhají čitelnosti kódu.
- Přístupnost, SEO a pokročilé techniky
- Zde se podíváme pod povrch. Zjistíte, jak psát weby, které milují vyhledávače (SEO, Open Graph data) i čtečky obrazovky (přístupnost/a11y), a k čemu slouží
data-*atributy.
- Zde se podíváme pod povrch. Zjistíte, jak psát weby, které milují vyhledávače (SEO, Open Graph data) i čtečky obrazovky (přístupnost/a11y), a k čemu slouží
- Tipy, triky a chybějící střípky
- Dozvíte se důležité drobnosti pro praxi: znakové entity, jak odeslat data z formuláře (GET a POST), logiku absolutních a relativních cest nebo kdy nasadit interaktivní značky (
iframe,svg,picture).
- Dozvíte se důležité drobnosti pro praxi: znakové entity, jak odeslat data z formuláře (GET a POST), logiku absolutních a relativních cest nebo kdy nasadit interaktivní značky (
Tyto materiály slouží jako rychlý referenční průvodce. Pro detailní specifikace se vždy doporučuje navštívit MDN Web Docs nebo W3Schools.