HTML Введение
HTML - это стандартный язык разметки для создания Веб страниц.
Что такое HTML?
- HTML - расшифровывается как Гипертекстовый Язык Разметки
- HTML - код описывает структуру веб страниц с помощью разметки
- HTML - элементы являются строительными блоками страниц HTML
- HTML - элементы представляют теги
- HTML - теги содержат, "Заголовок", "Параграф", "Таблицы" и т.д.
- Браузеры не отображают теги HTML, они используют их для вывода содержимого страницы
Простой документ HTML
Пример
<!DOCTYPE html>
<html>
<head>
<title>HTML пример</title>
</head>
<body>
<h1>Мой первый заголовок</h1>
<p>Мой первый параграф.</p>
</body>
</html>
Попробуйте сами »
Объяснение примера
<!DOCTYPE html>- декларация, определяет документ HTML5<html>- элемент, является корневым элементом HTML страницы<head>- элемент, содержит метаинформацию о документе<title>- элемент, задает заголовок документа<body>- элемент, содержит видимый контент страницы<h1>- элемент, определяет большой заголовок<p>- элемент, определяет параграф
Что такое элемент HTML?
HTML элемент определяется начальным тегом, некоторым содержимым и конечным тегом:
HTML элемент это все от начального тега до конечного тега:
| Начальный тег | Содержимое элемента | Конечный тег |
|---|---|---|
| <h1> | Мой первый заголовок | </h1> |
| <p> | Мой первый параграф. | </p> |
| <br> | нет | нет |
Примечание
Некоторые HTML элементы не имеют содержимого (например, элемент <br> ). Эти элементы называются пустыми элементами. Пустые элементы не имеют конечного тега!
Веб браузеры
Цель веб-браузеров (Chrome, IE, Firefox, Safari) - чтения HTML документов и их отображения.
Браузер не отображает HTML теги, он использует их, чтобы определить, как отобразить документ:
Структура страницы HTML
Ниже представлена визуализация структуры страницы HTML:
Примечание
Содержание находящаяся внутри <body> (в белой секции выше), будет отображаться в браузере.
HTML История
С первых дней существования Всемирной паутины существовало множество версий HTML:
| Год | Версия |
|---|---|
| 1989 | Тим Бернерс-Ли изобрел www |
| 1991 | Тим Бернерс-Ли изобрел HTML |
| 1993 | Дэйв Раггетт составлен в формате HTML+ |
| 1995 | HTML рабочая группа определила HTML 2.0 |
| 1997 | W3C рекомендация: HTML 3.2 |
| 1999 | W3C рекомендация: HTML 4.01 |
| 2000 | W3C рекомендация: XHTML 1.0 |
| 2008 | WHATWG HTML5 первый публичный проект |
| 2012 | WHATWG HTML5 Существующий стандарт |
| 2014 | W3C Рекомендация: HTML5 |
| 2016 | W3C Рекомендация Кандидата: HTML 5.1 |
| 2017 | W3C Рекомендация: HTML5.1 2nd Edition |
| 2017 | W3C Рекомендация: HTML5.2 |
Этот учебник соответствует последнему стандарту HTML 5.