AJAX загрузка
home

Правильно отформатированный текст лучше усваивается пользователями.

Разделение на абзацы

Большие объемы сплошного текста сложно читать, старайтесь всегда разбивать сплошной текст на абзацы.

В HTML для создания абзацев используется тэг <p>. Перед и после данного тэга браузеры автоматически отступают одну строку.

Пример

<p>Мост — искусственное сооружение, возведенное через реку, озеро, пролив или любое 
другое водное препятствие.</p>
<p>Мост является одним из древнейших инженерных изобретений человечества.</p>
Быстрый просмотр

HTML тэги форматирования

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

Обратите внимание: strong и em задумывались как специальные тэги для выделения "важного" содержимого, а тэги b и i просто для создания жирного и курсивного текста. Несмотря на то, что браузеры отображают их точно также как тэги b и i, поисковые системы могут придавать им различное значение при анализе страницы.

Пример

<b>Этот текст написан жирным шрифтом.</b>
<i>Этот текст написан курсивом.</i>
<p>Это обычный текст<sub>это текст в нижнем индексе.</sub></p>
<p>Это обычный текст<sup>это текст в верхнем индексе.</sup></p>
<em>Данный тэг определяет важное содержимое.<em>
<strong>Данный тэг определяет очень важное содержимое.<strong>
<big>Размер шрифта этого текста увеличен.</big>
<small>Размер шрифта этого текста уменьшен.</small>
Быстрый просмотр

Перевод на новую строку

Используйте тэг <br /> если хотите перевести текст на новую строку.

Пример

<p> Это а<br />бзац разби<br />тый на нескол<br />ько строк </p>
Быстрый просмотр

Предформатированный текст

С помощью HTML тэга <pre> Вы можете отобразить предформатированный текст.

Все что находится внутри тэга <pre> будет отображено точно так как написано. Браузер не будет удалять идущие подряд пробелы и символы перевода строки.

Пример

<pre>
Какой-то текст какой-то текст
Какой-то текст какой-то текст
Какой-то текст какой-то текст
Какой-то текст какой-то текст

              Какой-то автор</pre>
Быстрый просмотр

Сделайте сами

Задание 1 оформите текст согласно пояснительным заметкам:

Пример

....
<!-- Абзац --> Мост — искусственное сооружение, возведенное через реку, озеро, 
пролив или любое другое водное препятствие. Мост, возведенный через дорогу, называют 
путепроводом, мост через овраг или ущелье — виадуком. <!-- Абзац -->
<!-- Абзац --> Мост является одним из древнейших инженерных изобретений 
человечества. <!-- Абзац -->
....

Задание 2 исправьте ошибки в коде, чтобы текст в редакторе отобразился в точности как код ниже:

Пример

Уильям Шекспир - английский драматург и поэт, один из самых знаменитых драматургов мира. Около 1595 года Шекспир создаёт одну из самых известных своих трагедий — «Ромео и Джульетту».


Ромео и Джульетта

Две знатные фамилии, равно
Почтенные, в Вероне обитали,
Но ненависть терзала их давно, —
Всегда они друг с другом враждовали.