Základní struktura HTML stránky

Stránka webu je obyčejný textový soubor s příponou .html. Uvnitř tohoto souboru je uložen text HTML stránky spolu s tagy. Tento soubor musí mít následující tagy: tag html, který musí obsahovat text celého webu (vše, co je napsáno mimo tento tag, bude prohlížečem ignorováno), a uvnitř něj musí být ještě dva tagy: tag head pro servisní obsah stránky a tag body - pro hlavní text, který je viditelný na obrazovce prohlížeče.

Do servisního obsahu, který se nachází uvnitř tagu head, patří mnoho různých věcí, ale zatím potřebujeme pouze dvě z nich. To je tag title, který nastavuje název stránky, který je viditelný v kartě prohlížeče, a tag meta, který nastavuje kódování stránky (nastavuje se v atributu charset a obvykle má hodnotu utf-8).

Kromě toho, před tagem html se obvykle píše konstrukce doctype, která udává verzi jazyka HTML, ve které je vytvořen web. Aktuální verze jazyka má číslo pět a doctype pro ni musí vypadat takto:

html<!DOCTYPE html>

Takže, podívejme se na základní strukturu stránky:

html<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>This is the title</title>
  </head>
  <body>
    This is the main content of the page.
  </body>
</html>