Użytkownicy na całym świecie korzystają z różnych systemów operacyjnych i z wielu dostępnych przeglądarek. Podstawową zasadą przygotowania strony internetowej jest stworzenie jej struktury w taki sposób, aby wyświetlała się poprawnie, bez względu na system jakiego używają internauci.
W tym celu został opracowany szablon dokumentu HTML, który należy stosować, aby mieć pewność, że strona będzie właściwie wyświetlana w oknie dowolnej przeglądarki.
<!DOCTYPE HTML>
<html lang="pl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="pl" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<title>Tytuł strony</title>
</head>
<body>
<header></header>
<section>
<p>To jest nasza nowa strona internetowa HTML5 CSS3.</p>
</section>
<footer></footer>
</body>
</html>
Na samej górze dokumentu HTML definiujemy typ dokumentu.
Pomiędzy znacznikami head umieszczamy deklaracje odpowiedzialne m.in. za wygląd strony, pozycjonowanie, kodowanie znaków - dzięki temu zapisowi polskie znaki będą poprawnie interpretowane przez przeglądarkę internetową.
Właściwa część strony będzie zawierać się pomiędzy znacznikami body.
Dodatkowo stronę podzielimy na 3 główne boksy. Pierwszy header, w nim możemy umieścić logo, menu. Niżej section - właściwa zawartość strony. Na samym dole footer, w którym może znaleźć się powtórzone menu, informacje kontaktowe.