Самоучитель HTML
HTML — это стандартный язык разметки для создания веб-страниц.
Что такое HTML?
- HTML означает Hyper Text Markup Language (Язык гипертекстовой разметки).
- HTML — это стандартный язык разметки для создания веб-страниц.
- HTML описывает структуру веб-страницы.
- HTML состоит из серии элементов.
- HTML-элементы сообщают браузеру, как отображать содержимое.
- HTML-элементы помечают части содержимого, такие как «это заголовок», «это абзац», «это ссылка» и т.д.
Простой HTML-документ
Пример:
<!DOCTYPE html>
<html>
<head>
<title>Заголовок страницы</title>
</head>
<body>
<h1>Мой первый заголовок</h1>
<p>Мой первый абзац.</p>
</body>
</html>Объяснение примера:
- Декларация
<!DOCTYPE html>определяет, что этот документ является документом HTML5. - Элемент
<html>является корневым элементом HTML-страницы. - Элемент
<head>содержит метаинформацию о HTML-странице. - Элемент
<title>задает заголовок для HTML-страницы (который отображается в панели заголовка браузера или на вкладке страницы). - Элемент
<body>определяет тело документа и является контейнером для всего видимого содержимого, такого как заголовки, абзацы, изображения, гиперссылки, таблицы, списки и т.д. - Элемент
<h1>задает крупный заголовок. - Элемент
<p>задает абзац.
Что такое HTML-элемент?
HTML-элемент определяется открывающим тегом, некоторым содержимым и закрывающим тегом:
<tagname> Здесь идет содержимое... </tagname>HTML-элемент — это все, что находится между открывающим и закрывающим тегами:
<h1>Мой первый заголовок</h1>
<p>Мой первый абзац.</p>| Открывающий тег | Содержание элемента | Закрывающий тег |
|---|---|---|
<h1> | Мой первый заголовок | </h1> |
<p> | Мой первый абзац. | </p> |
<br> | нет | нет |
Примечание: Некоторые HTML-элементы не имеют содержимого (например, элемент <br>). Эти элементы называются пустыми элементами. Пустые элементы не имеют закрывающего тега!
Веб-браузеры
Задача веб-браузера (Chrome, Edge, Firefox, Safari) — читать HTML-документы и правильно их отображать.
Браузер не отображает HTML-теги, но использует их для определения того, как отображать документ:
Структура HTML-страницы
Ниже приведена визуализация структуры HTML-страницы:
Примечание: Содержимое внутри раздела <body> будет отображаться в браузере. Содержимое внутри элемента <title> будет показано в панели заголовков браузера или на вкладке страницы.
История HTML
С первых дней Всемирной паутины было много версий HTML:
| Год | Версия |
|---|---|
| 1989 | Тим Бернерс-Ли (Tim Berners-Lee) придумал World Wide Web |
| 1991 | Тим Бернерс-Ли (Tim Berners-Lee) придумал HTML |
| 1993 | Дейв Рэггитт (Dave Raggett) представил прототип HTML+ |
| 1995 | Стандарт HTML 2.0 |
| 1997 | HTML 3.2 |
| 1999 | HTML 4.01 |
| 2000 | Появление XHTML 1.0 |
| 2008 | Начало работ над HTML5 |
| 2012 | Спецификация HTML5 |
| 2014 | Официальный выпуск HTML5 |
| 2016 | HTML 5.1 Candidate Rec |
| 2017 | Вторая редакция HTML5.1 |
| 2017 | Финальная версия HTML5.2 |
Данный учебник соответствует последней спецификации HTML5.