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:

<!DOCTYPE html>

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

<!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>

Utwórz plik z rozszerzeniem .html. Skopiuj do niego podstawową strukturę strony. Zapisz swój plik. Następnie otwórz go w przeglądarce, przeciągając plik myszką lub wykonując podwójne kliknięcie na nim.