Урок 5 | Форматирование текста I

Этот урок будет посвящён параграфам и сменам строки. Следует запомнить что когда браузер считывает код вашей страницы, он игнорирует некоторые действия, а именно:

  • парагфар/смена строки (Enter)
  • более чем один пробел

Если вы хотите сделать более чем один пробел (non breakable space), просто вставьте следующую инструкцию, туда, куда вам надо:

 

А вот смена строки (Enter) обозначаем тегом <br>. Это один из не закрывающихся тегом (не нуждается в </br>).
На пример, если вы хотите сделать 3 смены строки, то вставьте 3 раза тег , вот так: <br> <br> <br>.
Тег <br> ставится в конце строки с которой и будет переходить на следующую, но можно и в начале, большого значения не имеет.

Теперь хочу вас познакомить с не менее важным тегом, если по-точнее, то с тегом <p> - с параграфом.

Этот тег закрывающийся, в отличие от <br>. Весь текст, который вы вставите между тегами <p> и </p> будет единым абзацом.

По умолчанию (без форматирования) весь текст выравнивается по левому краю. Что бы ваш текст был на пример по-центру или справа, нужно в тег <p> вставить параметр align. Вот уже готовые примеры такого форматирования:

<p align="center"> *текст по-центру* </p>
<p align="right"> *текст справа*</p>
<p align="left"> *текст слева* </p>
<p align="justify"> *текст выравненный по левому и правому краю*</p>

К сожалению, параметр justify не всегда распознаётся редакторами.

Существует ещё один текст, позволяющий разбить весь текст на параграфы без особого труда. Это тег <pre> ... </pre> - преформатированный текст. Текст остаётся таким же, каким вы его создали, а именно, сохраняются все параграфы и абзацы.

Вообще, употреблять этот тег не советую, так как в других браузерах как Опера или Мозила может не прокатить - текст может появиться сплошняком!

Так что советую вам разделять всегда текст тегами и всё делать по уму, а не абы как: ели смена строки, то обязательно <br>!

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

Hosted by uCoz