САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ
×

HTML Учебник

HTML ГлавнаяHTML ВведениеHTML РедакторHTML ОсновныеHTML ЭлементыHTML АтрибутыHTML ЗаголовкиHTML ПараграфыHTML СтилиHTML ФорматированиеHTML ЦитированиеHTML КомментарииHTML ЦветHTML с CSSHTML СсылкиHTML ИзображениеHTML ТаблицыHTML СпискиHTML БлокиHTML КлассыHTML ИдентификаторыHTML ФреймыHTML с JavaScriptHTML Путь к файлуHTML Мета тегиHTML Методы версткиHTML Адаптивный дизайнHTML Компьютерный кодHTML5 СемантикаHTML5 СинтаксисHTML СущностьHTML СимволыHTML ЭмодзиHTML КодировкаHTML URL КодировкаHTML в XHTML

HTML Формы

HTML ФормыHTML Элементы вводаHTML Типы вводаHTML Атрибуты вводаHTML Атрибуты форм ввода

HTML Графика

HTML5 CanvasHTML5 SVG

HTML Медиа

HTML Медиа форматHTML5 ВидеоHTML5 АудиоHTML ПлагиныHTML YouTube

HTML API

HTML5 ГеолокацияHTML5 ПеретаскиваниеHTML5 Веб хранилищеHTML5 Веб работникHTML5 SSE

HTML Примеры

HTML ПримерыHTML ТестированиеHTML УпражненияHTML СертификатHTML ЗаключениеHTML Возможности

HTML Справочники

HTML Список теговHTML АтрибутыHTML Глобальные атрибутыHTML Поддержка браузераHTML СобытияHTML ЦветаHTML ХолстHTML Аудио/ВидеоHTML Типы документовHTML Кодировка символовHTML URL КодировкаHTML Коды языкаHTTP СообщенияHTTP МетодыPX в EM конвертерКлавишные комбинации

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 элемент определяется начальным тегом, некоторым содержимым и конечным тегом:

<tagname>Контент находится здесь...</tagname>

HTML элемент это все от начального тега до конечного тега:

<h1>Мой первый заголовок</h1>
<p>Мой первый параграф.</p>
Начальный тег Содержимое элемента Конечный тег
<h1> Мой первый заголовок </h1>
<p> Мой первый параграф. </p>
<br> нет нет

Примечание: Некоторые HTML элементы не имеют содержимого (например, элемент <br> ). Эти элементы называются пустыми элементами. Пустые элементы не имеют конечного тега!



Веб Браузеры

Цель веб-браузеров (Chrome, IE, Firefox, Safari) - чтения HTML документов и их отображения.

Браузер не отображает HTML теги, он использует их, чтобы определить, как отобразить документ:

Просмотр в браузере


HTML Структура страницы

Ниже представлена визуализация структуры страницы HTML:

<html>
<head>
<title>Заголовок страницы</title>
</head>
<body>
<h1>Это заголовок</h1>
<p>Это параграф.</p>
<p>Это еще один параграф.</p>
</body>
</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 2й Издание
2017 W3C Рекомендация: HTML5.2

Этот учебник соответствует последнему стандарту HTML 5.