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

HTML Учебник

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

HTML Формы

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

HTML Графика

HTML Canvas HTML SVG

HTML Медиа

HTML Медиа формат HTML Video HTML Audio HTML Плагины HTML YouTube

HTML API

HTML Геолакация HTML Перетаскивание HTML Веб хранилище HTML Веб работник HTML 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.