<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="generator" content="PSPad editor, www.pspad.com">
<title>titulek stránky</title>
</head>
<body>
Vlastní stránky
</body>
</html>

Tělo dokumentu

Hlavička dokumentu

<!doctype html ...> - tzv. deklarace typu dokumentu. Používá se jenom kvůli přepínání vykreslovacích módů (aby prohlížeč vykresloval stránku v tak zvaném standardním režimu)

Rada - na začátku uvádějte vždy <!doctype html> a ono to bude fungovat

Tagy = značky

HTML soubor je obyčejný text obalený značkami, které se nazývají tagy.

Tagy určují, jak bude text vypadat, tedy jakou bude mít formu.
Všechny tagy jsou uzavřeny v <lomených závorkách>.

Co není v ostrých závorkách, je text, který se bude zobrazovat.

Párové a nepárové tagy

Příklady párových tagů:

<head> je začátek hlavičky a </head> je její konec
<body> je začátek těla stránky a </body> je konec těla stránky
<b> je začátek tučného textu a </b> je konec tučného textu

Příklady nepárových tagů:

<img> je tag pro obrázek
<br> je tag pro řádkový zlom

Obecná syntaxe HTML

HTML má několik zásad:

Nezáleží na velikosti písem, <body> je totéž co <BODY>
V adresách a jménech souborů záleží na velikosti písmen, nesmějí tam být mezery a čeština.
Tagy, které prohlížeč nezná, jako by nebyly.
Na začátku tagu nesmí být mezera, třeba < br> je špatně.
Dvě mezery po sobě (nebo víc) mají stejný význam jako jedna mezera.
Konec řádku ve zdroji se chápe jako mezera.
Hodnoty atributů je dobré dávat vždy do uvozovek, ale není to úplně nutné, pokud uvnitř nejsou mezery. Např. odkaz <a href=www.seznam.cz>seznam</a> funguje, ale lepší je psát <a href="www.seznam.cz">seznam</a>.
Poznámka se do zdroje vkládá mezi značky