Введение в HTML

Введение в HTML

HTML (от англ. HyperText Markup Language) — язык гипертекстовой разметки. Он описывает структуру веб-страниц с при помощи тегов.
Теги обозначают фрагменты контента, такие как «заголовок», «абзац», «таблица».
Браузеры не отображают теги HTML, но используют их для отображения содержимого (контента) страницы.

Пример простого HTML документа:


Мой первый заголовок

 

Мой первый параграф

 


Разъяснение примера.

Объявление<! DOCTYPE html> определяет этот документ как HTML5.
Элемент <html> является корневым элементом HTML-страницы.
Элемент <head> содержит мета информацию о документе.
Элемент <title> указывает заголовок документа.
Элемент <body> содержит видимое содержимое страницы.
Элемент <h1> определяет заголовок.
Элемент <p> определяет абзац.

HTML-теги

HTML-теги — это имена элементов, окруженные угловыми скобками:

<имя тега> содержимое идет здесь … </ имя тега>

HTML-теги обычно бывают с закрывающими тегами, такими как <p> и </ p>
Первый тег   — это открывающий тег, второй тег — закрывающий.
Закрывающий тег отличается от открывающего наличием косой черты.

Браузеры

Браузер не отображает теги HTML, но использует их для отображение содержимого страницы.

Первый HTML
Результат выполнения кода браузером

В браузере отображается только контент внутри раздела <body> (белая область выше).

Структура HTML страницы схематично

Визуально страница имеет следующую структуру:

HTML страница визуальная структура
Структура HTML страницы

Объявление типа документа <! DOCTYPE>

Объявление типа документа <! DOCTYPE>  позволяет браузерам правильно отображать веб-страницы.

Он должен появляться только один раз, в верхней части страницы (перед любыми тегами HTML).

Объявление <! DOCTYPE> не чувствительно к регистру.

Объявление <! DOCTYPE> для HTML5:


Версии HTML

С первых дней существования Интернета было много версий HTML, а именно:

Версия Год
HTML 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML5 2014

Оставьте комментарий