Элементы HTML блочные и строчные

5930  |  0

HTML элемент – это то, что создаст и выведет в область просмотра браузера при анализе и обработке HTML документа и таблицы стилей CSS, которая отвечает за оформление HTML документа. HTML теги бывают парные и одиночные, парные теги HTML - теги, у которых есть открывающий и закрывающий тег, у одиночных тегов HTML, обычно закрывающий тег запрещен стандартом. Элементы же в свою очередь делятся на блочные (block elements), и строчные элементы (inline elements). Блочные элементы HTML предназначены для построение структуры HTML документа, строчные элементы HTML для оформления текста в документе.

Типичным примером блочного элемента является, элемент формируемый открывающим и закрывающим тегами <div>...</div>, когда браузер встретит эти теги, он сформирует блочный элемент HTML, примером строчного элемента может служить элемент формируемый тегами <span>...</span>, проанализировав их браузер сформирует нам строчный элемент HTML.

Строчные элементы

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

ЭлементКраткое описание
<a>Создает гиперссылку.
<abbr>Определяет текст как аббревиатуру.
<audio>Определяет звуковое содержимое.
<b>Выделяет текст жирным шрифтом.
<bdo>Определяет направление отображения текста.
<button> Создает кнопку.
<canvas>Определяет область для рисования графики.
<cite>Определяет заголовок для работы - преобразует текст в курсивный.
<code>Определяет кусок программного кода - преобразует текст в моноширинный.
<del>Определяет текст, который был удален из документа - отображается перечеркнутым текстом.
<dfn>Выделяет определения термина - преобразует шрифт в наклонный.
<em>Определяет выделенный текст - преобразует текст в курсивный.
<i>Преобразует текст в курсивный.
<iframe>Определяет встроенный frame.
<img>Определяет изображение.
<input>Создаeт поле для ввода данных.
<ins>Определяет текст, который был добавлен в документ - отображает текст подчеркнутым.
<kbd>Определяет текст вводимый с клавиатуры - преобразует текст в моноширинный.
<mark>Определяет важную часть текста.
<meter>Определяет скалярное измерение в пределах известного диапазона.
<q>Определяет короткую цитату.
<rp>Определяет, что показывать браузеру, который не поддерживает тег <ruby>.
<rt>Добавляет аннотацию сверху или снизу от символов, заключенных в элементе <ruby>.
<s>Определяет текст, который больше не является правильным - отображает текст перечеркнутым.
<samp>Определяет текст, который является результатом вывода компьютерной программы.
<small>Определяет текст маленького размера.
<select>Создает выпадающий список.
<span>Определяет строчный элемент документа.
<strong>Определяет важный текст - преобразует шрифт в полужирный.
<sub>Определяет текст в нижнем индексе.
<sup>Определяет текст в верхнем индексе.
<td>Создает ячейку таблицы.
<textarea>Создает многострочное текстовое поле.
<th>Создает заголовочную ячейку в таблице.
<var>Определяет переменную - выделяет текст курсивом.
<video>Добавляет на страницу видео файл.

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

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

ЭлементКраткое описание
<address>Определяет контактную информацию автора документа/статьи.
<artical>Определяет текст как статью, новость и др.
<aside>Определяет контент в стороне от содержимого страницы.
<blockquote>Выделяет текст с другого источника, как блочную цитату.
<dd>Создает описание элемента в списке определений.
<div>Определяет раздел документа.
<dl>Создает список определений.
<dt>Определяет термин в списке определений.
<figure>Группирует элементы страницы.
<footer>Нижняя часть документа.
<form>Определяет HTML форму.
<h1> - <h6>Определяют HTML заголовки.
<header>Задает "шапку" сайта или раздела.
<hr>Создает горизонтальную линию.
<li>Определяет элемент списка.
<nav>Определяет группу ссылок для навигации.
<ol>Создает нумерованный(упорядоченный) список.
<p>Определяет абзац.
<pre>Оставляет содержимое в первоначальном виде.
<ruby>Определяет небольшую аннотацию (для типографии Восточной Азии).
<section>Определяет разделы документа.
<table>Создает таблицу.
<tr>Создает строку в таблице.
<ul>Определяет маркированный(неупорядоченный) список.
Расскажи друзьям-то:
Уважаемый читатель! В связи с участившимся спамом в комментариях, возможность писать доступна только для зарегистрированных пользователей
Зарегистрироваться Войти Напомнить пароль
Или войти через социальную сеть:

© 2011—2016 Частный вебмастер: ИП Базаров, ОГРНИП: 315784700173692. Работает на 1С-Битрикс.
Копирование материалов запрещено: "ГК РФ, часть 4, раздел VII: Права на результаты интеллектуальной деятельности".

Информация размещенная на сайте, не является публичной офертой. Политика конфеденциальности
x
Как к Вам обращаться? *
Ваша электронная почта: *
Доп. материалы (логотип, тех. задание):
 
Обзор
Текст сообщения: