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

HTML5 Учебник

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

HTML Формы

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

HTML5

HTML5 Введение HTML5 Поддержка HTML5 Новые Элементы HTML5 Семантика HTML5 Миграция HTML5 Синтасис

HTML Графика

HTML Canvas HTML SVG HTML Google Карта

HTML Медиа

HTML Медиа HTML Видео HTML Аудио HTML Объекты HTML YouTube

HTML API

HTML Геолокация HTML Перетаскивание HTML Веб Хранилище HTML Веб Работник HTML СОС

HTML Примеры

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

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

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

HTML Элементы



HTML элемент, как правило, состоит из начального и конечного тегов, и содержанием между ними:

<имя тега>содержимое документа...</имя тега>

HTML контент это, то, что находится от открывающего тега до закрывающего тега:

<p>Мой первый параграф.</p>
Начинающий тег Контент Конечный тег
<h1> Мой первый заголовок </h1>
<p> Мой первый параграф. </p>
<br>    

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


HTML Вложенные элементы

HTML элементы могут быть вложенными (элементы могут содержать элементы).

Все документы HTML состоят из вложенных элементов HTML.

В этом примере состоит из четырех элементов HTML:

Пример

<!DOCTYPE html>
<html>
<body>

<h1>Мой Первый Заголовок</h1>
<p>Мой первый параграф.</p>

</body>
</html>
Редактор кода »

Пример объяснение

Элемент <html> определяет весь документ.

Он имеет начальный тег <html> и конечный тег </html>.

Элемент содержит еще один HTML элемент <body>.

<html>
<body>

<h1>Мой Первый Заголовок</h1>
<p>Мой первый параграф.</p>

</body>
</html>

Элемент <body> определяет тело документа.

Он имеет начальный тег <body> и конечный тег </body>.

Элемент содержит два других HTML элементов <h1> и <p>.

<body>

<h1>Мой первый заголовок</h1>
<p>Мой первый параграф.</p>

</body>

Элемент <h1> определяет заголовок.

Он имеет начальный тег <h1> и конечный тег </h1>.

Элемент содержит: Мой первый заголовок.

<h1>Мой Первый Заголовок</h1>

Элемент <p> определяет параграф.

Он имеет начальный тег <p> и конечный тег </p>.

Элемент содержит: Мой первый параграф.

<p>Мой первый параграф.</p>

Не забудьте закрывающий тег

Некоторые HTML элементы будут отображаться некорректно, если вы забыли закрывающий тег:

Пример

<html>
<body>

<p>Это параграф
<p>Это параграф

</body>
</html>
Редактор кода »

Приведенный выше пример работает во всех браузерах, потому что закрывающий тег является необязательным.

Никогда не полагайтесь на это. Это может привести к непредсказуемым результатам и/или ошибки, если вы забыли закрывающий тег.


HTML Пустые элементы

HTML элементы без содержимого, называются пустыми элементами.

Пустой элемент <br> без закрывающего тега, определяет разрыв строки.

Пустые элементы могут быть "закрытые" в открывающем теге как: <br />.

HTML5 не требуют закрытые элементы могут быть открыты. Но если вы хотите более строгой проверки, или если вам нужно сделать ваш документ чтение XML-парсеров, Вам необходимо закрыть все HTML элементы.


Использовать строчные теги

HTML-теги не чувствительны к регистру: <p> означает то же, что и </p>.

Стандарт HTML5 не требует строчные теги, но W3C в HTML рекомендует нижний регистр, более строгий тип документа, так как XHTML, и требует строчный.

На SchoolsW3 мы всегда используем строчные теги.