Главная » Вопросы » Программирование » Верстка, CSS, HTML, SVG

Какие есть блочные и строчные html теги?
Какие есть блочные и строчные html теги?
Категория: Верстка, CSS, HTML, SVG | Добавил: Oleg74 (12.02.2018)
Просмотров: 74 | Ответы: 3 | Рейтинг: 5.0/1
Ответов: 3
0 Forget
12.02.2018 оставил(а) комментарий:
Блочные элементы представляют собой большие строительные блоки вашей веб-страницы. При отображении браузер автоматически добавляет разрыв строки до и после блочного элемента, при этом он занимает всю доступную ширину (по умолчанию отображается на веб-странице в виде прямоугольника), а высота блочного элемента вычисляется браузером автоматически, исходя из объема его содержимого. Текст в блочных элементах по умолчанию выравнивается по левому краю.

Обычно блочные элементы используются, чтобы разделить содержимое веб-страницы на логические блоки (например: верхний колонтитул (шапка сайта), меню, блок с контентом, нижний колонтитул (footer) и др.). Блочные элементы нельзя вкладывать в строчные, исключением являются только ссылки и ячейки таблиц, внутри которых по стандарту HTML5 могут быть расположены блочные элементы.

Строчные элементы используются для разметки частей содержимого элементов. Ширина строчного элемента равна объему содержимого. В отличии от блочных элементов браузер не добавляет разрыв строки до и после строчного элемента, поэтому, если несколько строчных элементов идут подряд друг за другом, они располагаются на одной строке и переносятся на другую строку при необходимости. В большинстве случаев внутрь строчных элементов допустимо помещать другие строчные элементы, вставлять блочные элементы внутрь строчных запрещено.
0 Forget
12.02.2018 оставил(а) комментарий:
Строчные теги

<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> Добавляет на страницу видео файл.

Блочные теги

<address> Определяет контактную информацию автора документа/статьи.
<artical> Определяет текст как статью, новость и др.
<aside> Определяет контент в стороне от содержимого страницы.
<blockquote> Выделяет текст с другого источника, как блочную цитату.
<dd> Cоздает описание элемента в списке определений.
<div> Определяет раздел документа.
<dl> Создает список определений.
<dt> Oпределяет термин в списке определений.
<figure> Группирует элементы страницы.
<footer> Нижняя часть документа.
<form> Определяет HTML форму.
<h1> - <h6> Определяют HTML заголовки.
<header> Задает "шапку" сайта или раздела.
<hr> Создает горизонтальную линию.
<li> Определяет элемент списка.
<nav> Определяет группу ссылок для навигации.
<ol> Создает нумерованный(упорядоченный) список.
<p> Определяет абзац.
<pre> Оставляет содержимое в первоначальном виде.
<ruby> Определяет небольшую аннотацию (для типографии Восточной Азии).
<section> Определяет разделы документа.
<table> Создает таблицу.
<tr> Создает строку в таблице.
<ul> Определяет маркированный(неупорядоченный) список.
0 Ninaarc
12.02.2018 оставил(а) комментарий:
Блочные элементы
<address>…</address>,
<article>…</article>,
<aside>…</aside>,
<body>…</body>,
<blockquote>…</blockquote>,
<dd>…</dd>,
<div>…</div>,
<dl>…</dl>,
<dt>…</dt>,
<fieldset>…</fieldset>,
<figcaption>…</figcaption>,
<figure>…</figure>,
<footer>…</footer>,
<form>…</form>,
<h1>-<h6>…</h1>-</h6>,
<header>…</header>,
<hgroup>…</hgroup>,
<hr>,
<li>…</li>,
<legend>…</legend>,
<nav>…</nav>,
<noscript>…</noscript>,
<ol>…</ol>,
<output>…</output>,
<p>…</p>,
<pre>…</pre>,
<ruby>…</ruby>,
<section>…</section>,
<ul>…</ul>

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

<a>…</a>,
<abbr>…</abbr>,
<acronym>…</acronym>,
<area>,
<b>…</b>,
<bdo>…</bdo>,
<br>,
<cite>…</cite>,
<code>…</code>,
<dfn>…</dfn>,
<em>…</em>,
<i>…</i>,
<img>,
<kbd>…</kbd>,
<label>…</label>,
<map>…</map>,
<object>…</object>,
<samp>…</samp>,
<script>…</script>,
<small>…</small>,
<source>,
<span>…</span>,
<strong>…</strong>,
<sub>…</sub>,
<sup>…</sup>,
<time>…</time>,
<track>
<q>…</q>,
<u>…</u>,
<var>…</var>
<button>…</button>,
<input>,
<keygen>…</keygen>,
<meter>…</meter>,
<progress>…</progress>,
<select>…</select>,
<textarea>…</textarea>.
avatar