Основная структура страницы HTML

Страница сайта - это обычный текстовый файл с расширением .html. Внутри этого файла и хранится текст HTML страницы вместе с тегами. Этот файл обязательно должен иметь следующие теги: тег html, который должен содержать в себе текст всего сайта (все, что написано вне этого тега, браузером будет проигнорировано), а внутри него должны быть еще два тега: тег head для служебного содержимого страницы и тег body - для основного текста, который и виден на экране браузера.

В служебное содержимое, которое располагается внутри тега head, входит много различных вещей, но пока нам нужны только две из них. Это тег title, задающий название страницы, которое будет видно во вкладке браузера, и тег meta, который задает кодировку страницы (она ставится в атрибуте charset и обычно имеет значение utf-8).

Кроме того, перед тегом html обычно пишется конструкция doctype, которая указывает версию языка HTML, на которой сделан сайт. Актуальная сейчас версия языка имеет номер пять и доктайп для нее должен выглядеть так:

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

Создайте файл с расширением .html. Скопируйте в него основную структуру страницы. Сохраните ваш файл. Затем откройте его в браузере перетянув файл мышкой или выполнив двойной клик по нему.