Как обозначить абзац в html

Абзацы форматируются броузером, и их вид зависит, в частности, от размера окна программы. Три следующих элемента позволяют внести некоторую определённость в форматы абзацев.

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

Этот элемент по своему действию является прямой противоположностью предыдущему. Текст, заключённый между его тегами, будет выведен в одну строку. Длинная строка не уместится на экране, и для её просмотра придётся использовать горизонтальную полосу прокрутки.

Элемент для обозначения текста, отформатированного заранее ( preformatted) . Подразумевается, что текст будет выведен в том виде, в каком он был подготовлен пользователем. Например, учитываются символы конца строки, появившиеся при наборе текста в редакторе. Во всех других случаях броузер игнорирует эти символы. Возможен и обратный эффект: если пользователь введёт текст как одну длинную строку, то она не будет разорвана броузером, а уйдёт за границы окна программы. В этом смысле элемент PRE работает так же, как элемент NOBR . По умолчанию для отформатированного заранее текста выбирается моноширинный шрифт. Этот элемент удобно использовать для демонстрации листингов программ или для вывода текстовых документов, переформатирование которых может привести к искажению их смысла. Теоретически можно представить ситуацию, когда разработчику Web-страницы апотребуется показать, как создавали линии таблиц в далёком прошлом, когда текстовый режим уже существовал, а символы псевдографики ещё не были изобретены. Вход шли плюсы, восклицательные знаки и тире. В этом случае элемент PRE так же окажется незаменим, хотя я не реукомендую поддаваться ностальгическим полрывам.

Обозначение цитаты. Этот элемент требует наличие конечного тега. Текст не притерпевает никаких изменений, но абзац располагается с отступом. К кавычкам этот элемент тоже не имеет ни какого отношения: если в цитате используются кавычки, то они должны быть проставлены явным образом. В настоящее время используют и другое написание этого элемента: BQ.

Элемент для центрирования текста, а точнее, любого содержимого. Не является оьщеупотребительным. В иех случаях, когда это возможно, вместо него используют атрибут align=”center”.

Выделение текста полужирным шрифтом. Очень популярный элемент. Использование полужирного шрифта ___ приём, позаимствованный из текстовых редакторов.

Увеличенный размер шрифта.

Уменьшенный размер шрифта.

Выделение текста курсивом.

Элемент, обозначающий текст телепайпа ( teletype) . Эго особенность заключается в использовании монмширного шрифта.

Элемент, создающий перечёркнутое начертание текста.

Подчёркнутое начертание текста.

Элемент, создающий эффект нижнего индекса (subscript) .

Элемент, создающий эффект верхнего индекса ( superscript) .

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

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

Элемент, определяющий базовый (основной) размер шрифта. Внутри элемента необходимо указать атрибут:

size=Базовый размер шрифта

Величина атрибута может лежать в пределах от 1 до 7. По умолчанию используется величина 3. Установка, выполняемая этим элементом, имеет значение для элемента FONT (см.. ниже), который позволяет задавать относительный размер шрифта.

Определение типа, размера и цвета шрифта. Все эти характеристики определяются при помощи соответствующих атрибутов. Например, абсолютный размер шрифта задаётся при помощи size (размер):

size=Абсолютный размер шрифта

Этот атрибут может принимать значения от 1 до7. На рис. 1. Показано несколько образцов надписей, выполненных шрифтами разного размера.

Шрифт 7 Шрифт 6 Шрифт 5 Шрифт 4 Шрифт 3 Шрифт 2 Шрифт 1

Рис. 1. Возможные варианты размеров шрифта

Размер шрифта може6т задоваться относительного базового:

size=+Число

size=-Число

Приназначении величины для size необходимо учитывать величину базового размера. Обе они в сумме должны соответствовать одному из абсолютных размеров. Так, для базового размера, равного 3, относительный размер может находиться в пределах от –2 до +4. Если величина находится за допустимый предел, то используется или шрифт размера 7, или шрифт размером 1.

Для элемента FONT можно использовать атрибут цвета:

color=» Цвет «

Элемент FONT может с успехом заменять элементы заголовка H1… H6 . Для последних, например, не предусмотрена возможность указания цвета букв.

Чтобы заголовок, созданный на основе элемента FONT , хорошо смотрелся, этот элемент необходимо комбинировать с другими: B, I, P и т. д.

Отличия
от тегов

Собственно вопрос в заголовке — оба тега вроде делают одно и тоже, когда же лучше использовать
а когда ?

Отслеживать
47.8k 17 17 золотых знаков 56 56 серебряных знаков 100 100 бронзовых знаков
задан 14 окт 2017 в 12:48
3,860 4 4 золотых знака 36 36 серебряных знаков 82 82 бронзовых знака

2 ответа 2

Сортировка: Сброс на вариант по умолчанию

и

делают совершенно не одно и то же.

используется для обозначения параграфа (абзаца) текста, в то время как
— для создания отступа между строками/переноса текста на другую строку.

Вообще, в современных реалиях использовать br вообще не рекомендуется (кроме тех случаев, когда вам необходимо разделить текст). Все отступы делаются при помощи стилей. По крайней мере, должны.

Судя по всему, автор вопроса спрашивает про различие пустого и

Здесь дело в том, что по умолчанию браузер добавляет тегу p 2 отступа: один размером 1em снизу и один такой же сверху. Если текста внутри тега нет, то остается только один отступ, равный 1em (то есть как раз высоте одной строки текста грубо говоря).

Но br не создает отступа. Он переносит строку.

И тут нетрудно догадаться, что отступ размером в одну строку текста и одна пропущенная строка текста будут одинаковы по высоте (ну или почти). Так что, по сути, пустой p и тег br делают одно и то же, но совершенно разными путями, это да.

Ключевое же отличие у них в семантике: тег p используется для обозначение одного абзаца текста (а отступы — побочный эффект стандартной стилизации, от которого можно избавиться в одну строку CSS кода), а тег br используется именно для переноса строки.

Так что использовать для создания отступа не стоит. Если вам нужно отделить одну часть текста от другой, воспользуйтесь br . А если вам нужно отделить друг от друга какой-то визуальный контент, используйте CSS отступы (различные).

 
Здесь идет текст. Тег p используется для того, чтобы обозначить абзац текста. 
Но здесь текст написан в том же абзаце, но уже на новой строке. Конечно, можно поставить несколько тегов br:

 
Ставлено 3 тега br: первый перешел на новую строку, второй и третий сделали то же самое, в результате чего было пропущено 2 строки. А выше вставлен пустой тег p, который визуально сделал то же самое, что и один br, но семантически совершенно неверно. Дальше будет вставлен еще один тег p, но отступы у него будут убраны стилями, в результате чего отступа вы не увидите: Текст после тега p с убранными отступами.
 

Форматирование абзацев

Форматирование абзацев предполагает использование текстовых атрибутов, которые применяются на уровне абзацев.

Форматирование абзацев предусматривает перечисленные далее атрибуты.

• Выравнивание : используется для регулирования стороны текстовой области, с которой осуществляется выравнивание текста абзаца.
• Интервал : используется для регулирования интервала между строками и абзацами.
• Междустрочный интервал : используется для определения расстояния от одной базовой линии текста (линии, на которой располагается строка текста) до следующей.
• Выключка : используется для определения места добавления пробела между словами в абзаце, чтобы выровнять края каждой строки по обеим сторонам поля.
• Параметры размещения : используется для регулирования места начала абзаца на странице и взаимосвязей между абзацами. Подробности см. в разделе Панель «Абзац».
• Маркеры и нумерация : используется для преобразования нескольких абзацев в маркированные, нумерованные или многоуровневые списки.
• Позиции табуляции : используется для регулирования способа размещения текста в определенных горизонтальных позициях в текстовой области.
• Буквицы : используется для увеличения размера шрифта начальных символов абзаца с растяжением на несколько строк.
• Отступы : можно применять только к целым абзацам или блокам текста.
• Оформление : можно применять для разграничения текстовых блоков с помощью декоративных стилей, которые всегда будут перемещаться относительно текста.
• Управление висячей строкой : можно применять для исправления экземпляров, в которых одиночные слова и строки отображаются отдельно от остального абзаца вверху или внизу текстового столбца.

Этот тип форматирования можно применять к художественному тексту, но более целесообразно применять его к текстовым областям.

К выделенному тексту (или текстовому объекту) можно применять различные параметры форматирования абзацев, которые доступны на контекстной панели инструментов, в меню Текст и на панели Абзац .

Положения атрибутов форматирования абзацев отображаются на текстовой линейке, которую можно включить в меню Вид .

Над любой активной текстовой областью можно расположить текстовую линейку области, которая позволяет визуально обозначить отступы и позиции табуляции в абзаце.

Доступ к панели «Абзац»

Выполните одно из перечисленных далее действий.

• Выделите текст и нажмите Абзац на контекстной панели инструментов.
• В меню Текст выберите пункт Показать абзац .
• В меню Вид выберите Студия > Абзац .

Чтобы включить текстовую линейку, выполните перечисленные далее действия.

Выполните одно из перечисленных далее действий.

• Убедитесь в том, что текстовая линейка области включена на контекстной панели инструментов. Текстовая линейка появляется при создании точки вставки в тексте.
• Убедитесь в том, что в меню Вид установлен флажок Показать текстовую линейку . Текстовая линейка появляется при создании точки вставки в тексте.

После включения текстовая линейка будет отображаться на любой выделенной текстовой области.

Текстовую линейку можно приблизить по вертикали к форматированию позиции табуляции или отступа. Для этого используется заголовок со стрелками вверх и вниз. Чтобы изменить положение линейки, нажмите на нее дважды.

ТАКЖЕ СМ.:

• Панель «Абзац»
• Работа с текстом
• Текстовая область
• Форматирование символов
• Интервал
• Междустрочный интервал
• Маркеры и нумерация
• Буквицы
• Отступы
• Табуляция
• Оформление
• Комбинации клавиш для работы с текстом