HTML теги оформления текста | Vaden Pro
Вы здесь
Главная → Блог → HTML → HTML теги для оформления текста
Раздел:
Для разметки текста в html используется набор тегов позволяющий разделять текст на логические части, акцентировать внимание читателя на отдельных его частях, а также оптимизировать содержание для более удобного понимания поисковыми роботами, что приводит к улучшению ранжирования страницы текста в поисковой выдаче по ключевым запросам.
Сразу отмечу, что все элементы для форматирования текста рассмотренные в данной статье (кроме br) являются парными. Тоесть для обрамления содержимого тегом должен присутствовать как открывающий тег , так и закрывающий ваш_тег>. Пример:
<h4>Правильно написанный заголовок текста</h4> <p>Абзац с переносом строки посреди абзаца.<br> Пример использования непарного тега внутри парного.</p>
Формирование структуры текста (блочные элементы). Теги заголовков и абзацев.

Теги h2-h6 отвечают за выделение текста в виде заголовков. Более подробно о их семантичеком влиянии и важности для построения логической структуры страницы для поисковиков написано тут.
Если говорить о них вкратце, то заголовки страницы имеют ключевую роль во внутренней оптимизации страницы для поисковиков. В связи с этим формулировки заголовков на странице должны быть максимально приближены к ключевым запросам по которым Вы собираетесь продвигать статью в поисковой выдаче.
Визуально заголовки выделяются жирным начертанием и большим размером шрифта относительно остального текста.
Тег p отвечает за выделение абзацев. Вместе с тегами заголовков тег p является блочным элементом оформления текста, потому при его использовании каждый последующий абзац начинается с новой строки, чего не происходит при использовании строчных элементов.
HTML теги для разметки текста (строчные элементы)
- span — схож по своему смыслу с тегом p, но является строчным элементом.

Обычно используется для обозначения части текста внутри абзаца. Зачем это нужно? Все достаточно просто- обозначенному тексту в дальнейшем через CSS можно задать оформление отличающееся от оформления остального текста. - br -делает перенос строки. ТЕГ НЕ ПАРНЫЙ (тобишь закрывающего тега у него нет). Примерно то же самое, что если бы Вы нажали Enter в Верде. В отличие от переноса, создаваемого блочными элементами, не несет на себе никакой логической нагрузки. Используется исключительно для более красивого оформления текста. Рекомендуется избегать его использования без крайней необходимости, поскольку по-сути он просто засоряет код, а для переносов в тексте нужно его просто разбивать на абзацы.
- strong — выделяет шрифт жирным. Служит для расстановки логических ударений в тексте для поисковых роботов. Широко используется для внутренней оптимизации текста. Ключевые фразы в тексте рекомендуется обрамлять в этот тег, чтобы робот лучше понимал о чем статья.
ВНИМАНИЕ! Важно не переборщить — если схожие ключи в тексте попадаются больше 3-5 раз, то это может быть расценено как переоптимизация текста и страница с текстом будет занижена в поисковой выдаче. - b — визуально ничем не отличается от стронга, но не несет в себе никакой смысловой нагрузки для поисковика. Используется для выделения частей текста исключительно для тех, кто будет его читать. К примеру, если необходимо выделить фразу не содержащую ключевых слов, но способную облегчить понимание структуры текста пользователю.
- em — делает текст внутри тега курсивом. Также как и стронг используется для внутренней оптимизации текста под поисковое продвижение, только обладает меньшим весом в сравнении с ним.
- i — визуально ничем не отличается от <em>. Не несет смысловой нагрузки для роботов, используется для увеличения удобства прочтения текста пользователями. Аналог тега <b>, только для курсива.
- ins— используется для подчеркивания текста.
Выделяет текст как для пользователя, так и для поисковика. - u — визуально тождественен предыдущему тегу. Выделяет текст только для пользователя.
- tt — выводит текст моноширинным шрифтом. Не несет в себе смысловой нагрузки. Моноширинный означает, что для всех символов шрифта ипользуется одинаковое пространство при написании.
- pre — блочный элемент. Используется для того, чтобы сделать моноширинными большие участки текста. Внутри него можно применять любые теги для форматирования текста, кроме sub и sup.
- sub — выводит текст как нижний индекс ( уменьшает шрифт текста и выводит его немного ниже уровня строки).
- sup — выводит текст как верхний индекс ( уменьшает шрифт текста и выводит его немного выше уровня строки).
- strike (s) — делает текст перечеркнутым. Эти два тега абсолютно аналогичны по своему содержанию. Современная документация html вообще осуждает их использование, говоря о том, что для перечеркнутого текста можно использовать css, а эти теги больше просто засоряют код.

Использование нескольких тегов одновременно
Мы ознакомились с основными тегами для оформления текста. Их можно применять не только по-отдельности а и один внутри другого, главное при этом помнить основной принцип вложенности тегов — тег, который был открыт первым должен быть закрыт последним. Тобишь:
<p><b><i>Жирный текст написанный курсивом</i></b></p> <!--Верно--> <p><b><i>Жирный текст написанный курсивом</b></i></p> <!--Не верно-->
Теги находящиеся внутри других тегов формируют порядок вложенности. Так, в рассмотренном примере тег i имеет второй уровень вложенности относительно тега p.
ОБРАТИТЕ ВНИМАНИЕ! Использовать строчные элементы внутри блочних разрешено, в то время как блочные внутри строчных- нет. Хоть браузер и отразит все корректно, если Вы, к примеру, используете тег p внутри тега b. Это будет не верно с точки зрения документации html.
Тобишь такой код будет содержать ошибку и Вы это можете спокойно проверить воспользовавшись любым сервисом валидации html кода.
Вопросы для самоконтроля:
- Какие теги форматирования текста являются блочными, а какие строчными? В чем между ними разница?
- Какие существуют способы выделения текста жирным шрифтом? В чем между ними разница?
- Какие существуют способы выделения текста курсивом? В чем между ними разница?
- Как правильно переносить строки в html?
- Как формируется порядок вложенности тегов?
Ключевые слова:
Основные теги HTML
Еще интересное
что это и как применять
Положительная репутация в поисковых системах без помех от недоброжелателей возможна с Семантикой!
Узнайте стоимость
Получи нашу книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».
Подпишись на рассылку и получи книгу в подарок!
Html-теги для текста – это теги, которые меняют оформление заключенного в них контента.
Эта идея пришла из печатных издательств. Редакторы на полях помечали, что является заголовком, как оформить список.
Так же и теги. Они указывают, какой стиль должен быть у элемента.
Теги и элементы
Каждый тег имеет вид:
<Название тега>
Элемент – это совокупность тега и его содержимого. Многие из них требуют закрывающего тега:
</Название тега>
Особенно это касается текстовых тегов. Закрывающий показывает, когда следует прекратить оформление или закончить блок, таблицу, заголовок и т.д.
- <h2>Header</h2>
- <div>Блок</div>
- <i>курсив</i>
Некоторые элементы не требуют закрытия
- <img src=”1.jpg”>
- <hr>
В таких случаях отсутствует содержимое и браузер просто размещает на экране заданный объект. В первом случае это рисунок, во втором линия. Закрывающий используется, когда в элементе есть содержимое: текст и/или другие теги.
Верстальщик сайтов знает, для чего предназначен каждый тег и как поведет себя «обернутое» в элемент содержимое.
Парадигма оформления современных сайтов
Первоначально разметка позволяла и оформлять страницы, и указывать логическое назначение блоков. Новая версия HTML 5.0 нацелена на логическую разметку. Таким образом определяются тематические разделы на странице. При этом подходе и поисковым машинам, и людям легче ориентироваться в коде.
Все оформление выполняется в стилистических таблицах CSS в виде правил. Назначая каждому элементу класс или идентификатор, верстальщик указывает свойства стиля и устанавливает его значение. Хранение стилей в отдельном файле позволяет выполнить единое оформление для всех страниц сайта.
Но самый большой плюс заключается в легкости изменения дизайна всего ресурса. Изменяя одно значение для фона, верстальщик получает новый бэкграунд на всех страницах, где это правило использовалось.
Валидация страницы
При продвижении сайта важную роль играет его валидность: «правильность» кода и соответствие его стандартам.
Так как в настоящее время распространены два стандарта HTML – 4 и 5, то используются различные виды объявления типа документа:
- Strict. Не включает теги font, фреймы и пр. Это «строгий» набор правил для верстки на HTML 4.<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01//EN» «http://www.w3.org/TR/html4/strict.dtd»>
- Transitional. Используется для сайтов, которые были написаны до появления новых стандартов. Разрешены устаревшие теги.<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01//EN» «http://www.w3.org/TR/html4/strict.dtd»>
- HTML. Поддержка последнего стандарта.<!DOCTYPE HTML>
Каждый документ должен ссылаться на правила и соблюдать их. Используются только те элементы, которые разрешены стандартом. В связи с этим в новом стандарте указываются теги, которые считаются устаревшими. Их использование не рекомендуется. К ним относится большая часть тегов, предназначенных исключительно для форматирования контента.
Проверить валидность сайта можно на официальном сайте W3C – организации, где создаются стандарты.
Теги форматирования текста html
Их можно разделить на оформительские и логические. Последние меняют стиль, но при этом показывают и назначение блока контента. Например, цитаты или машинный код.
Рассмотрим все элементы, которые позволяют оформить текстовую часть сайта.
- <b>— Жирное выделение.
- <basefont>— Установка цвета и шрифта по умолчанию для страницы. Не рекомендуется к использованию.
- <big> — Увеличивает размер шрифта на одну условную единицу. Всего их семь. Стандартный не оформленный символ имеет размер 3. Вложение тегов будет увеличить на дополнительную единицу на каждом уровне. В CSS аналогом является свойство font-size.
- <cite> — Логическая метка текста как цитаты или сноски. Символы оформляются курсивом, но это можно изменить в таблице стилей.
- <code> — Вывод символов, которые помечаются как программный код. Оформляется моноширинным текстом уменьшенного размера (все символы имеют одинаковую ширину).

- <dfn>— Необходимо заключать в этот тег первое упоминание термина в статье. Отображается курсивом во всех браузерах.
- <em>— Используется для привлечения внимания к фрагменту контента. Выделяется курсивом. Аналог CSS font-style.
- <font> — Самый запрещенный тег для текста в современной разметке. Браузеры его еще поддерживают, так как многие встроенные редакторы используют его для указания размера и шрифта. Но при ручной верстке не рекомендуем применять такой способ форматирования. Лучше пользоваться свойствами CSS font-size и color – аналоги написания<font size=”Размер”color=”Цвет”>.
- <h2>-<h6>— Логическое выделение структуры заголовков контента. Текст между открывающим и закрывающим тегами помечается жирным и имеет нестандартный размер. Главный заголовок h2 имеет самый большой шрифт, h6 — самый маленький.
- <i> — Курсив. Не осуждается последним стандартом, но рекомендуется использовать font-style.

- <kbd>— Обозначает моноширинным шрифтом имитацию напечатанного на клавиатуре текста.
- <mark>— Логическое выделение контента. Дополнительно Chrome и FireFox подсвечивают его желтым фоном.
- <p> — Абзац. Контент, помеченный этим тегом начинается с новой строки. Между ними ставится отступ. Не требует закрывающего тега, новый абзац начинается при появлении любого блочного элемента.
- <pre>— Используется для оформления текста так, как он был указан при верстке. По умолчанию в HTML любое количество подряд идущих пробелов трансформируются в один, а обычные переносы не учитываются. Элемент pre учитывает положение символов.>
- <q> — Выделение цитат, текст отображается в кавычках.
- <samp>— Отображает символы как на результат выполнения программы на экран. Используется моноширинный шрифт.
- <small>— Выполняет действия, обратные элементу big, уменьшая размер символов на условную единицу.
- <strike> — Зачеркивает текст. Аналог сокращенного элемента. Не рекомендуется использовать. Аналог CSS text-decoration со значением line-through.
- <strong>— Жирное начертание. Логически акцентирует текст.
- <sub>— Показывает символ в нижнем индексе. Размещается ниже стандартной базовой линии, на которой располагаются символы, и имеет уменьшенный размер. В CSS используется vertical-align.
- <sup>— Показывает символ в верхнем индексе. Размещается выше базовой линии стандартного текста и имеет уменьшенный размер. В CSS используется vertical-align.
- <sup>— Используется для подчеркивания текста. В HTML 5 запрещен, используется свойство CSS text-decoration со значением underline.
- <var> — При выводе кода компьютерной программы все переменные заключаются в этот тег. Выделяет их курсивом.
- <xmp> — Показывает текст так, как он записан в коде страницы.
Аналогично pre.
Специальные символы
Помимо текста и медиа-контента, на страницу можно выводить небольшие изображения. Они выглядят как иконки, но вставляются в текст не картинками, а спецсимволами. Некоторые примеры приведены в таблице.
Также в HTML 5 появились деньги, карточные масти и знаки гороскопа.
Используйте в разметке Html текстовые теги, которые подчеркивают логическое значения текста. Не стоит оформлять каждый фрагмент контента отдельно. Это допустимо только в случае, если вы точно знаете, что такое форматирование больше нигде не повторяется. Для одинаковых стилей используйте классы CSS.
В дальнейшем такой подход поможет сэкономить время на изменении дизайна, а также повысить шансы на попадание в ТОП поисковых систем.
Теги форматирования HTML
❮ Пред. Следующий ❯
В HTML для форматирования текста используется ряд элементов. Теги форматирования делятся на две группы: физические теги , которые используются для стилизации текста (визуального вида текста) и логические или семантические теги , которые добавляют семантическое значение к частям текста (например, информируют поисковые системы для по каким ключевым словам должна ранжироваться веб-страница).
Давайте углубимся и подробно поговорим о тегах форматирования.
Теги
—
используются для определения заголовков HTML. В HTML есть 6 уровней заголовков,
определяет наиболее важные заголовки, а
— наименее важные.
Пример тегов HTML
—
:
<голова>
Название документа
голова>
<тело>
Это заголовок 1
Это заголовок 2
Это заголовок 3
Это заголовок 4
Это заголовок 5
Это заголовок 6
тело>
Попробуй сам »
Результат
Тег — это физический тег, обозначающий полужирный текст, тогда как тег , являющийся логическим тегом, используется для подчеркивания важности текста.
Пример тегов HTML
и :
<голова>
Название документа
голова>
<тело>
Мы используем тег <strong> тег, чтобы подчеркнуть важность этой части текста.
Кнопка <b> tag — это физический тег, обозначающий жирный текст.
тело>
Попробуй сам »
Теги и определяют выделение текста курсивом. Тег отвечает только за внешний вид заключенного в нем текста, без особой важности. Тег определяет выделенный текст с дополнительной семантической важностью.
Пример тегов HTML
и :
<тело>
Это абзац
Важная часть текста выделена курсивом.
Lorem ipsum, или lipsum, как его иногда называют, – это фиктивный текст, используемый при макетировании печатных, графических или веб-дизайнов.
тело>
Попробуй сам »
Тег
используется для определения предварительно отформатированного текста. Браузеры отображают заключенный текст с пробелами и разрывами строк.Пример тега HTML
:<голова>Название документа голова> <тело>Пространства и разрывы строк внутри этого элемента отображаются как напечатанные.тело>![]()
Попробуй сам "
Тег используется для представления части текста в одном документе как отмеченной или выделенной для справочных целей.
Пример тега HTML
:<голова>Название документа голова> <тело>Изучите язык гипертекстовой разметки на W3Docs.com.
тело>Попробуй сам "
Результат
Тег уменьшает размер шрифта текста на один размер меньше основного размера шрифта документа (от среднего до мелкого или от x-large до крупного). Тег обычно содержит элементы второстепенной важности, такие как уведомления об авторских правах, побочные комментарии или юридические уведомления.
Пример тега HTML
:<голова>Использование тега SMALL голова> <тело>Процентная ставка составляет всего 10%*
* в день / тело>Попробуй сам "
Тег
указывает часть текста, которая была удалена из документа.Браузеры отображают этот текст как зачеркнутый.
Пример тега HTML
:<голова>Название документа голова> <тело>Ей нравятся
тело>фиалкиподснежники․Попробуй сам "
Тег
определяет текст, который больше не является правильным или актуальным.Пример тега HTML
:<голова>Название документа голова> <тело>
Я учусь в старшей школе.Я учусь в университете.
тело>Попробуй сам "
Содержимое обоих тегов отображается зачеркнутым. Однако, несмотря на внешнее сходство, эти теги не могут заменить друг друга.
Теги
иТег определяет текст, который был вставлен (добавлен) в документ. Содержимое тега отображается как подчеркнутое.
Пример тега HTML
:<голова>Название документа голова> <тело>Ей нравятся
тело>фиалкиподснежники․Попробуй сам "
Результат
Тег определяет текст, который стилистически отличается от обычного текста, т.
е. слова или фрагменты текста, которые необходимо представить иначе. Это могут быть слова с ошибками или имена собственные на китайском языке.
Пример тега HTML
:<голова>Название документа голова> <тело>Здесь мы использовали символ <u> тег.
тело>Попробуй сам "
определяет текст нижнего индекса. Подстрочный текст находится под базовой линией других символов строки и имеет меньший шрифт. Тег определяет надстрочный индекс, который устанавливается немного выше обычной строки текста и относительно меньше остального текста. Базовая линия проходит через верхний или нижний край символов.
Пример тегов HTML
и :<голова>Название документа голова> <тело>Формула воды – H2O, а формула спирта – C2H5ОН
E = mc2, где E — кинетическая энергия, m — масса, c — скорость света.
тело>![]()
Попробуй сам "
Результат
Тег используется для определения термина, который упоминается впервые. Содержимое тега отображается курсивом.
Пример тега HTML
:<голова>Название документа голова> <тело>HTML (язык гипертекстовой разметки) — стандартизированный язык разметки для документов в Интернете. Большинство веб-страниц содержат описание разметки на языке HTML
тело>Попробуй сам "
Тег
определяет абзац. Браузеры автоматически добавляют отступ в 1em до и после каждого абзаца.
Пример тега HTML
:
<голова>Название документа голова> <тело>Первый абзац
Второй абзац
тело>Попробуй сам "
Тег
вставляет одиночный разрыв строки. В отличие от тегаперед строкой не добавляется пустой отступ.
Пример тега HTML
:<голова>Название документа. голова> <тело>Как использовать <br> тег
Мы можем вставить тег <br /> тег внутри абзаца,
тело>
для переноса части текста на другую строку при необходимости.Попробуй сам "
В HTML5 тег
определяет тематическое изменение между элементами уровня абзаца на HTML-странице. В предыдущих версиях HTML он использовался для рисования горизонтальной линии на странице, визуально разделяющей содержимое. В HTML5 элемент имеет семантическое значение.Пример тега HTML
:<голова>Название документа голова> <тело>Футбол
Командный вид спорта, в котором мяч бьют ногой, чтобы забить гол.
<час>Баскетбол
Игра, в которой участвуют две команды по пять игроков.
тело>Попробуй сам "
тегов HTML для текста
В HTML полно различных тегов для текста.
Эти теги позволяют нам отображать текст в наших документах HTML так, как мы хотим, чтобы он отображался. Хотя это базовая функция HTML, об этих тегах нужно многое узнать. Большинство тегов для текста встроены в , но есть исключения. Когда элемент является встроенным, это означает, что по умолчанию к нему применяется эта строка CSS :
display: inline;Что такое встроенный элемент в HTML?
Встроенные теги для текста ведут себя иначе, чем блочные элементы. Они не нарушают поток контента, а занимают ровно столько места, сколько необходимо. Блочные элементы, с другой стороны, имеют тенденцию занимать всю ширину страницы.
Таким образом, все HTML-теги для текста являются встроенными, поскольку они используются при написании текста и сочетаются с другими встроенными элементами на странице.
Есть ли блочные теги для текста?
Некоторые теги, которые мы используем для текста, являются блочными элементами.
В основном это относится к заголовкам и абзацам, которые обычно занимают целую строку или раздел на странице. Таким образом, новый абзац появляется под последним абзацем, а не рядом с ним, как можно было бы ожидать.
Теперь, когда мы рассмотрели основы, Давайте рассмотрим некоторые из основных встроенных тегов, которые мы используем для текста в HTML, о некоторых из которых вы, возможно, не слышали до .
Теги заголовков
В HTML мы можем обозначать заголовки с помощью пронумерованных тегов заголовков. Это все блочные элементы.
— самый большой тег на странице, а— самый маленький и наименее важный. В современных поисковых системах и в соответствии с передовой практикой тегобычно обозначает заголовок страницы, на которой вы находитесь — , поэтому обычно у вас есть только один.Вот пример всех тегов заголовков, от самого важного и самого большого до наименее важного и самого маленького:
Заголовок 1
Заголовок 2
Заголовок 3
Заголовок 4
Заголовок 5
Заголовок 6
Тег
pЭтот тег представляет собой блочный тег для текста, используемый для обозначения абзаца .
Абзац в HTML обычно имеет некоторое поле, чтобы отделить его от других тегов абзаца. Пример показан ниже:
Я абзац
Теги списка:
ul,olиliЕсли мы хотим создать список в HTML, как в примере ниже, мы используем теги списка:
- Привет
- Я список
Существует два типа списков —
ol, или упорядоченные списки, иul, или неупорядоченные списки. По сути, упорядоченные списки имеют номера, а неупорядоченные списки — стандартные маркеры.В списках
olиulимеетсяliэлементов, которые относятся к элементам списка. Все 3 являются блочными элементами. Ниже показаны два примера:<ол>
- Привет!
- Я список
Привет! Я список Тег
blockquoteТег
blockquote, как следует из названия, является элементом блока .Это позволяет нам создавать котировки. Это часто сочетается с
figcaptionдля подписи,citeдля того, кто цитируется, иfigureдля инкапсуляции всего, чтобы создать полноценную цитату. Вот пример всего этого в действии:<рисунок> <цитата> я HTMLHTML из HTML в действии Результат выглядит так:
я HTML HTML, from HTML в действииТег
emТег em используется для выделения текста курсивом. Вот пример того, как это выглядит . В коде мы пишем это так:
Подчеркнутый фрагмент текстаТег
strongТег strong используется для выделения текста жирным шрифтом. Вот пример того, как это выглядит . В коде это выглядит так:
Выделенный фрагмент текстаТег
brЭтот элемент делает разрыв строки в любом месте.
В коде это выглядит так:
Тег
iЭтот элемент делает текст подчеркнутым В коде это выглядит так:
подчеркнутыйТег
Тег strong используется для выделения текста жирным шрифтом. Вот пример того, как это выглядит . В коде это выглядит так:
Выделенный фрагмент текстаКод
ТегЭтот элемент выделяет фрагмент кода на странице. Он выглядит следующим образом:
Я какой-то кодЯ какой-то кодТег
доЭтот элемент обозначает текст, который не должен иметь разрывов строк. Если вы продолжите печатать, этот элемент предотвратит разрыв текста в любой момент, а не переполнит его. Пример показан в элементе кода ниже. Текст продолжает идти, даже если он достигает конца контейнера:
Lorem ipsum dolor sit amet, consectetur adipiscing elit.Fusce fermentum mi nec ipsum feugiat, sagittis vulputate diam pretium. Praesent aliquam viverra tempor. Curabitur consectetur bibendum ultricies. Pellentesque vel efficitur sapien. Vivamus non turpis accumsan, semper quam sed, viverra diam. Mauris arcu elit, tempus eget elementum id, laoreet finibus erat. In nec diam commodo, accumsan turpis at, blandit risus. Sed eget ligula purus. Меценат некоммодный эрос. Curabitur viverra felis vitae nisl hendrerit, at vestibulum erat luctus. Pellentesque consequat ipsum mi, ut aliquam enim viverra in.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce fermentum mi nec ipsum feugiat, sagittis vulputate diam pretium. Praesent aliquam viverra tempor. Curabitur consectetur bibendum ultricies. Pellentesque vel efficitur sapien. Vivamus non turpis accumsan, semper quam sed, viverra diam. Mauris arcu elit, tempus eget elementum id, laoreet finibus erat. In nec diam commodo, accumsan turpis at, blandit risus. Sed eget ligula purus.

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

Эти теги позволяют нам отображать текст в наших документах HTML так, как мы хотим, чтобы он отображался. Хотя это базовая функция HTML, об этих тегах нужно многое узнать. Большинство тегов для текста встроены в , но есть исключения. Когда элемент является встроенным, это означает, что по умолчанию к нему применяется эта строка CSS :
В основном это относится к заголовкам и абзацам, которые обычно занимают целую строку или раздел на странице. Таким образом, новый абзац появляется под последним абзацем, а не рядом с ним, как можно было бы ожидать.
Абзац в HTML обычно имеет некоторое поле, чтобы отделить его от других тегов абзаца. Пример показан ниже:
Это позволяет нам создавать котировки. Это часто сочетается с
В коде это выглядит так:
Fusce fermentum mi nec ipsum feugiat, sagittis vulputate diam pretium. Praesent aliquam viverra tempor. Curabitur consectetur bibendum ultricies. Pellentesque vel efficitur sapien. Vivamus non turpis accumsan, semper quam sed, viverra diam. Mauris arcu elit, tempus eget elementum id, laoreet finibus erat. In nec diam commodo, accumsan turpis at, blandit risus. Sed eget ligula purus. Меценат некоммодный эрос. Curabitur viverra felis vitae nisl hendrerit, at vestibulum erat luctus. Pellentesque consequat ipsum mi, ut aliquam enim viverra in.