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

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 имеет значение по умолчанию в зависимости от типа элемента. Значение по умолчанию для большинства элементов блоки или встроенные элементы.


Блочные Элементы

Блочный элемент всегда начинается с новой строки и занимает всю ширину доступного дисплея (простирается влево и вправо насколько это возможно).

Элемент <div> является блочным элементом.

Примеры блочных элементов:

  • <div>
  • <h1> - <h6>
  • <p>
  • <form>

Встроенные Элементы

Встроенный элемент не начинаются с новой строки и занимают столько ширины, сколько нужно.

Это элемент <span> встроенный в параграф.

Примеры встроенных элементов:

  • <span>
  • <a>
  • <img>

Элемент <div>

Элемент <div> часто используется как контейнер для элементов HTML.

Элемент <div> не имеет обязательных атрибутов, style и class являются общими.

При использовании CSS, элемент <div> может быть использован для применения стиля блока контента:

Пример

<div style="background-color:black;color:white;padding:20px;">
  <h2>Лондон</h2>
  <p>Лондон является столицей Англии. Это самый густонаселенный город в Соединенном Королевстве, с пригородами свыше 13 миллионов жителей.</p>
</div>
Редактор кода »

Элемент <span>

Элемент <span> часто используется как встроенный контейнер для текста.

Элемент <span> не имеет обязательных атрибутов, style и class являются общими.

При использовании CSS, элемент <span> может использоваться для деталей стиля встроенного текста:

Пример

<h1>Мой <span style="color:red">Важный</span> Заголовок</h1>
Редактор кода »

Группировка Тегов HTML

Тег Описание
<div> Определяет раздел в документе (на уровне блочного элемнта)
<span> Определяет раздел в документе (на уровне встроенного элемента)