HTML: Форматированный текст
Иногда возникает потребность вставить текст, сохраняя его оригинальное форматирование. Взглянем на знаменитую «лесенку Маяковского» из стихотворения «Сергею Есенину».
Вы ушли, как говорится, в мир в иной. Пустота... Летите, в звезды врезываясь. Ни тебе аванса, ни пивной. Трезвость.
Владимир Маяковский считал, что именно в таком виде лучше всего оформляется ритм стиха.
Оформить такой текст с помощью спецсимволов в HTML очень сложно. Придётся «жонглировать» пробельными спецсимволами. Из-за этого такую разметку будет очень сложно поддерживать в будущем:
<p>Вы ушли,</p>
<p> как говорится,</p>
<p> в мир в иной.</p>
Для решения этой проблемы существует специальный тег pre
, задача которого — вывести текст внутри себя с сохранением всех пробельных символов. По умолчанию тег pre
выводит текст моноширинным шрифтом, в котором все символы имеют одинаковую ширину, в отличие от обычных шрифтов.
<pre>
Вы ушли,
как говорится,
в мир в иной.
Пустота...
Летите,
в звезды врезываясь.
Ни тебе аванса,
ни пивной.
Трезвость.
</pre>
Внутри тега pre
можно использовать теги для оформления текста: i
, em
, b
, strong
.
Задание
Добавьте любой текст в тег pre
и вставьте его в редактор. Попробуйте различные варианты текстов.
Пожалуйста, авторизуйтесь, это необходимо для отслеживания прогресса выполнения уроков. Если у вас ещё нет учётной записи, то сейчас самое время создать аккаунт.