Podstawowa struktura strony HTML

Strona internetowa to zwykły plik tekstowy z rozszerzeniem .html. Wewnątrz tego pliku przechowywany jest tekst strony HTML wraz ze znacznikami. Ten plik musi koniecznie posiadać następujące znaczniki: znacznik html, który powinien zawierać w sobie tekst całej strony (wszystko, co jest napisane poza tym znacznikiem, zostanie zignorowane przez przeglądarkę), a wewnątrz niego powinny znajdować się jeszcze dwa znaczniki: znacznik head dla serwisowej zawartości strony i znacznik body - dla głównego tekstu, który jest widoczny na ekranie przeglądarki.

W serwisowej zawartości, która znajduje się wewnątrz znacznika head, zawiera się wiele różnych rzeczy, ale na razie potrzebujemy tylko dwie z nich. To znacznik title, określający tytuł strony, który będzie widoczny w karcie przeglądarki, oraz znacznik meta, który określa kodowanie strony (jest ustawiane w atrybucie charset i zazwyczaj ma wartość utf-8).

Ponadto, przed znacznikiem html zazwyczaj pisana jest konstrukcja doctype, która określa wersję języka HTML, w której wykonana jest strona. Aktualna wersja języka ma numer pięć i doctype dla niej powinien wyglądać tak:

html<!DOCTYPE html>

A zatem, spójrzmy na podstawową strukturę strony:

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>