Pierwszą rzeczą, jaką musimy umieścić w kodzie HTML dokumentu HTML jest informacja na temat wersji języka HTML, którą chcemy się posługiwać.
<!DOCTYPE HTML>Ciąg znaków <!DOCTYPE HTML> jest informacją dla przeglądarki internetowej o tym, jaką wersją języka HTML została napisana przez nas zawartość danego dokumentu HTML.
Kolejną rzeczą, jaką musimy umieścić w naszym kodzie HTML, po ciągu znaków <!DOCTYPE HTML>, jest element html.
<!DOCTYPE HTML>
<html></html>Element html jest informacją dla przeglądarki internetowej, gdzie rozpoczyna się oraz gdzie kończy się cała zawartość naszego dokumentu HTML.
Kolejną rzeczą, jaką musimy umieścić w naszym kodzie HTML jest jeden element head oraz jeden element body. Wspomniane elementy HTML muszą być elementami dziećmi elementu html. Element head musi być pierwszym elementem dzieckiem elementu html, natomiast element body musi być drugim, a zarazem ostatnim elementem dzieckiem elementu html.
<!DOCTYPE HTML>
<html>
<head></head>
<body></body>
</html>Element head stanowi część HEAD (czyli głowę) dokumentu HTML. Natomiast element body stanowi część BODY (czyli ciało) dokumentu HTML.
Część HEAD dokumentu HTML z reguły nie jest bezpośrednio przeznaczona dla użytkownika, lecz dla przeglądarki internetowej, to znaczy informacje, jakie możemy umieszczać w części HEAD dokumentu HTML zazwyczaj są różnymi dodatkowymi informacjami dla przeglądarki internetowej o danym dokumencie HTML oraz jego kodzie.
Część BODY dokumentu HTML z reguły zawiera zawartość, która w dużym stopniu reprezentuje treść, która może zostać wyświetlona w oknie przeglądarki internetowej dla użytkownika.
Kolejną rzeczą, jaką musimy umieścić w naszym kodzie HTML jest dokładnie jeden element title Element title musi być elementem dzieckiem elementu head.
<!DOCTYPE HTML>
<html>
<head>
<title></title>
</head>
<body></body>
</html>Element title jest informacją dla przeglądarki internetowej o tytule danego dokumentu HTML, dlatego zawartością elementu title nie może być zawartość pusta lub zawartość posiadająca wyłącznie białe znaki.
Innymi słowy do zawartości elementu title musimy dodać krótki opis (kilka słów) o tym, co jest tematem treści reprezentowanej przez zawartość danego dokumentu HTML.
Ponadto, aby mieć pewność, że przeglądarka internetowa nie będzie miała problemów z poprawnym wyświetlaniem polskich znaków możemy określić dodatkową informację dla wspomnianej przeglądarki internetowej o systemie kodowania znaków zawartości danego dokumentu HTML. Wspomnianym systemem powinien być system utf-8.
Wspomnianą dodatkową informację dla przeglądarki internetowej możemy określić za pomocą elementu meta, który należy umieścić w naszym kodzie HTML jako element dziecko elementu head.
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body></body>
</html>