Основы HTML

  1. Термины и определения
  2. Принципы WEB 2.0
  3. Структура HTML-документа
  4. Основные метатеги
  5. Форматирование текста HTML
  6. Списки
  7. Текст фиксированного формата
  8. Выделение фрагментов текста
  9. Изменение параметров шрифта
  10. Графика
  11. Таблицы
  12. Гиперссылки
  13. Изображения-карты
  14. Фреймы

Основы CSS3

  1. Что такое CSS
  2. Синтаксис CSS
  3. Стилевые классы
  4. Комбинированные стили
  5. Таблицы CSS
  6. Правила каскадности CSS
  7. Рекомендации применения стилей
  8. Параметры шрифтов
  9. Разрывы строк, вертикальное выравнивание
  10. Параметры фона
  11. Параметры абзаца
  12. Параметры списков
  13. Параметры курсора
  14. Параметры отступов
  15. Параметры рамки
  16. Параметры выделения
  17. Параметры отображения
  18. Контейнеры


   

Текст фиксированного формата

Предположим, в тексте html-страницы необходимо привести фрагмент стихотворения, например:


Should this life sometime deceive you,
Don’t be sad or mad at it!
On a gloomy day, submit:
Trust — fair day will come, why grieve you?

Heart lives in the future, so
What if gloom pervade the present?
All is fleeting, all will go;
What is gone will then be pleasant.

Alexander Pushkin,1825

Если записать текст, так как мы его видим, у нас ничего не получится, поскольку браузер весь текст отобразит одной строкой. Почему?

Вспомним, что браузер при выводе текста блочного элемента, к которому относится тег Р, руководствуется следующими правилами:

Поэтому, чтобы стихотворение отображалось в браузере правильно, следует об этом позаботиться "вручную". Для этого каждая строка стихотворения в html-коде должна заканчиваться тегом переноса строк BR.

ПРИМЕР:

<p><br>
Should this life sometime deceive you,<br>
Don’t be sad or mad at it!<br>
On a gloomy day, submit:<br>
Trust — fair day will come, why grieve you?<br>
<br>
Heart lives in the future, so<br>
What if gloom pervade the present?<br>
All is fleeting, all will go;<br>
What is gone will then be pleasant.<br>
<br>
Alexander Pushkin,1825
</p>

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

ПРИМЕР:

<pre>
Should this life sometime deceive you,
Don’t be sad or mad at it!
On a gloomy day, submit:
Trust — fair day will come, why grieve you?

Heart lives in the future, so
What if gloom pervade the present?
All is fleeting, all will go;
What is gone will then be pleasant.

Alexander Pushkin,1825
</pre>

При использовании тега PRE текст отображается так, как он написан.

Правила текста фиксированного формата:

Моноширинный шрифт - шрифт, символы которого имеют одинаковую ширину (например, Courier New). Пропорциональный шрифт - шрифт, символы которого имеют различную ширину (например, Arial).

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


TOP ↑