Создать документ HTML

Каждый документ HTML состоит из тегов, передающих браузеру информацию о структуре и значении содержимого документа HTML. Теги представляют собой названия взятые в угловые скобки (<>) и бывают парными либо одинарными.

Парные теги состоят из открывающего и закрывающего тега. Например: <body> </body>. На то что тег является закрывающим, указывает слэш (/) перед его названием.

Ординарный тег - это тег используемый без содержимого и закрывающего тега. Например тег кодировки HTML документа <meta charset="utf-8">

Чтобы создать HTML документ, достаточно открыть любой текстовый редактор и внести туда следующие данные:

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body> </html>

Далее следует сохранить данный документ с расширением html (например index.html). Обратите внимание, что после точки в уже сохраненном документе должно быть только "html". При сохранении документа некоторые текстовые редакторы могут устанавливать свое расширение по умолчанию, воспринимая точку и html, как часть названия. Например в блокноте Windows может получиться index.html.txt Такой документ будет считаться документом txt а не html. Этого можно избежать, выбрав при сохранении документа тип файла: Все файлы(*,*).

Итак, в данный документ были внесены базовые теги html которые обычно присутствуют в каждом html документе. Если открыть данный html документ в браузере, то он окажется абсолютно пустым, так как теги используются только браузером и конечному пользователю не интересны. На данный момент браузер знает, что это документ HTML 5 с кодировкой utf-8. Рассмотрим значение базовых тегов:

<!DOCTYPE html>	Сообщает браузеру, что данный документ является документом html.
<html>	Начало кода HTML.
<head>	Начало информационной части документа. Здесь располагается описательная информация документа: заголовок, кодировка документа, таблица стилей или ссылки на другие документы (css, javascript, php).
<meta charset="utf-8">	Сообщает браузеру что кодировкой документа является UTF-8.
<title></title>	Заглавие документа HTML. Отображается в верхней части окна браузера. Является обязательным элементом. При добавлении документа в избранное, содержимое этого элемента становится именем закладки.
</head>	Конец информационной части документа.
<body>	Начало основной части документа. Здесь располагается вся основная информация передаваемая конечному пользователю и соответственно большинство тегов HTML, формирующих структуру и значение содержимого документа HTML.
</body>	Конец основной части документа.
</html>	Конец кода HTML.

Добавление тегов к контенту называется разметкой. Контент: изображения, видео, ауди файлы, другие элементы HTML.