Последние учебники веб-разработки
×

HTML5 Руководство

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 Iframes HTML JavaScript HTML Глава HTML юридические лица HTML Символы HTML Charset HTML URL шифровать HTML XHTML

HTML формы

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

HTML5

HTML5 вступление HTML5 Поддержка HTML5 элементы HTML5 Семантика Миграция HTML5 HTML5 Гид по стилю

HTML Графика

HTML холст HTML SVG

HTML СМИ

HTML СМИ HTML видео HTML аудио HTML Плагины HTML YouTube

HTML APIs

HTML Geolocation HTML Перетаскивания HTML Локальное хранилище HTML App кэш HTML Web Workers HTML SSE

HTML Примеры

HTML Примеры HTML викторина HTML5 викторина HTML Резюме

HTML Рекомендации

HTML Список тегов HTML Атрибуты HTML События HTML холст HTML Аудио Видео HTML DOCTYPEs HTML Цвета HTML Наборы символов HTML URL шифровать HTML Языковые коды HTTP Сообщения HTTP методы PX to EM конвертер Горячие клавиши

HTML блок и строковые элементы


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


Элементы уровня блока

Элемент блочного уровня всегда начинается с новой строки и занимает всю доступную ширину (stretches out to the left and right as far as it can) .

<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>London</h2>
<p>London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p>

</div>
Попробуй сам "

<span> Элемент

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

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

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

пример

<h1>My <span style="color:red">Important</span> Heading</h1>
Попробуй сам "

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

Тег Описание
<div> Определяет раздел в документе (block-level) на (block-level)
<span> Определяет раздел в документе (inline)