Základem porozumění značkovacímu jazyku HTML je znát jeho kostru, která se skládá ze značek, takzvaných tagů, které mohou být párové nebo nepárové.
Jazyk HTML není serverový, tudíž není pro jeho kompilaci nutné nahrávat jej na server.
Nyní se pojďme podívat na samotnou kostru HTML dokumentu, která vypadá následovně:
<!DOCTYPE html>
<html lang="cs">
<meta charset="UTF-8">
<title>Titulek stránky</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="">
<body>
</body>
</html>
Vysvětlení HTML kódu:
Řádek s informací typu „DOCTYPE“ informuje prohlížeč o skutečnosti, že se jedná o dokument typu HTML.
Další řádek obsahující značku „HTML“ říká, že jazykem dokumentu je čeština.
Následující informace pod názvem „meta“ udává nastavení dokumentu, kde se v tomto případě volí typ znakové sady (charset). Každou znakovou sadu je vhodné zvolit pro jiný typ písmenné soustavy s ohledem na znaménka, která se v ní používají (háčky, čárky, atd..). Nejpoužívanějšími znakovými sadami s podporou české abecedy jsou: UTF-8 a windows-1250.
Řádek s výrazem „title“ obsahuje titulek, který se zobrazí ve webové záložce.
Následující řádek a zároveň další meta informace nastavuje zobrazení webové stránky v jiném, než desktopovém zařízení.
Řádek „link“ značí informace potřebné k připojení externího CSS stylování celého HTML dokumentu (pokud by se kaskádové styly (CSS) vepisovaly přímo do dokumentu HTML, byl by extrémně nepřehledný.
HTML značka „body“ je nejdůležitější z celého dokumentu, jelikož vše, co se nachází mezí touto párovou značkou je zobrazeno v prohlížeči uživatele.
Poznámka: Každá párová značka má začátek a ukončení, které se značí za pomoci znaku lomeno; například <html></html>, <body></body>, atd...; Naopak každá nepárová značka má jen počáteční značení. Například <link>.