Základná štruktúra stránky HTML

Stránka webu je obyčajný textový súbor s príponou .html. Vnútri tohto súboru je uložený text HTML stránky spolu s tagmi. Tento súbor musí mať povinne nasledujúce tagy: tag html, ktorý musí obsahovať v sebe text celého webu (všetko, čo je napísané mimo tohto tagu, prehliadačom bude ignorované), a vnútri neho musia byť ešte dva tagy: tag head pre služobný obsah stránky a tag body - pre hlavný text, ktorý je viditeľný na obrazovke prehliadača.

Do služobného obsahu, ktorý sa nachádza vnútri tagu head, patrí veľa rôznych vecí, ale zatiaľ potrebujeme iba dve z nich. Je to tag title, ktorý nastavuje názov stránky, ktorý bude viditeľný v záložke prehliadača, a tag meta, ktorý nastavuje kódovanie stránky (nastavuje sa v atribúte charset a zvyčajne má hodnotu utf-8).

Okrem toho, pred tagom html sa zvyčajne píše konštrukcia doctype, ktorá udáva verziu jazyka HTML, v ktorej je vytvorený web. Aktuálna verzia jazyka má číslo päť a doctype pre ňu musí vyzerať takto:

html<!DOCTYPE html>

Takže, pozrime sa na základnú štruktúru 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>