Hyper Text Markup Language (HTML) je značkovací jazyk pro vytváření webových stránek. Webové stránky se obvykle prohlížejí ve webovém prohlížeči. Mohou obsahovat písmo, odkazy, obrázky, a dokonce i zvuk a video. Jazyk HTML se používá k označení a popisu každého z těchto druhů obsahu, aby je webový prohlížeč mohl správně zobrazit. Jazyk HTML lze také použít k přidání metainformací na webovou stránku. Metainformace obvykle webové prohlížeče nezobrazují a jsou to údaje o webové stránce, např. jméno osoby, která stránku vytvořila. Kaskádové styly (CSS) se používají ke stylování prvků HTML, zatímco JavaScript slouží k manipulaci s prvky HTML a styly CSS.

Co HTML dělá a kde se používá

HTML popisuje strukturu obsahu na webu pomocí značek (tagů). Každá značka říká prohlížeči, jaký druh obsahu se nachází (nadpis, odstavec, seznam, obrázek, odkaz, formulář apod.). Díky tomu prohlížeč dokáže obsah správně vykreslit a uživatel s ním pracovat. HTML najdete prakticky všude na internetu: od jednoduchých informačních stránek přes blogy a e‑shopy až po komplexní webové aplikace.

Základní struktura HTML dokumentu

Typický HTML dokument obsahuje elementy, které definují hlavičku i tělo stránky. Základní kostra vypadá přibližně takto:

  • — deklarace typu dokumentu (informuje prohlížeč o verzi HTML).
  • <html> — kořenový element celé stránky.
  • <head> — metadata, jako je kódování znaků (<meta charset="utf-8">), název stránky (<title>), odkazy na CSS nebo meta tagy.
  • <body> — viditelný obsah: nadpisy (<h1>–<h6>), odstavce (<p>), odkazy (<a>), obrázky (<img>), seznamy (<ul>, <ol>), formuláře (<form>), atd.

Semantika a moderní značky

Novější verze HTML zdůrazňují semantiku — používání elementů, které popisují účel obsahu: <header>, <nav>, <main>, <article>, <section> nebo <footer>. Semantické značky zlepšují čitelnost kódu, usnadňují indexaci pro vyhledávače a zvyšují přístupnost pro asistivní technologie (např. čtečky obrazovky).

Multimédia, grafika a interaktivita

HTML umožňuje vkládat multimediální obsah přímo do stránky: <img> pro obrázky, <audio> pro zvuk a <video> pro video. Pro kreslení a dynamickou grafiku slouží <canvas> a možnost osazení vektorové grafiky přes SVG. Interaktivitu obvykle přidává JavaScript, zatímco vzhled a rozložení se řeší pomocí CSS.

Metainformace a SEO

V <head> sekci se uvádějí metadatové prvky (např. <meta name="description">), které pomáhají vyhledávačům správně indexovat stránku a poskytují další informace o obsahu. Správné používání titulů, nadpisů a meta tagů má vliv na SEO (optimalizaci pro vyhledávače).

Verze HTML a standardy

HTML je definováno standardy, které vytváří organizace jako konsorcium World Wide Web Consortium (W3C) a WHATWG. Významné milníky:

  • HTML5 — velká modernizace jazyka, která přidala multimédia, nové semantické značky a API pro webové aplikace. Oficiální doporučení W3C pro HTML5 bylo publikováno v roce 2014.
  • HTML 5.1 a 5.2 — postupné aktualizace, rozšiřující a upřesňující specifikaci; W3C vydává stabilní doporučení, zatímco WHATWG udržuje tzv. "living standard" (žijící standard), který se průběžně vyvíjí.

Pro vývojáře tedy platí, že je dobré sledovat jak W3C doporučení, tak WHATWG living standard, protože browsery často implementují nové funkce podle WHATWG specifikací a praktických potřeb webu.

Dostupnost a responzivní design

Při tvorbě stránek je důležité myslet na přístupnost (accessibility) — správné používání alternativních textů u obrázků (atribut alt), sémantických značek, ARIA atributů pro zlepšení práce s asistivními zařízeními. Responzivní design, který zajistí, že stránka bude vypadat dobře na mobilu i desktopu, se řeší kombinací HTML (struktura) a CSS (media queries, flexibilní layouty).

Nástroje pro práci s HTML

HTML lze psát v libovolném textovém editoru (Notepad, VS Code, Sublime Text) nebo v profesionálních IDE a vizuálních editorech (Adobe Dreamweaver, online editory). Pro ověřování a ladění se používají nástroje vývojářů v prohlížečích (DevTools), validátory HTML a testery přístupnosti.

Shrnutí

HTML je základním stavebním kamenem webu — popisuje strukturu a obsah stránek, spolu s CSS a JavaScriptem tvoří kompletní prostředí pro tvorbu moderních webových aplikací. Naučit se správně používat HTML, rozumět jeho semantice a standardům je první krok k tvorbě kvalitních a přístupných webů.