САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ

Обновляется!!! Справочник JavaScript

HTML Тег <pre>



Пример

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

<pre>
Текст в элементе pre
отображается шрифтом фиксированной ширины
, и он сохраняет
, как      пробелы так и
разрывы строк
</pre>
Попробуйте сами »

Определение и использование

Тег <pre> определяет предварительно отформатированный текст.

Текст в элементе <pre> отображается шрифтом фиксированной ширины, также текст сохраняет как пробелы, так и разрывы строк. Текст будет отображаться точно так, как написано в исходном коде HTML.

Также посмотрите на:

Тег Описание
<code> Определяет фрагмент компьютерного кода
<samp> Определяет пример вывода из компьютерной программы
<kbd> Определяет ввод с клавиатуры
<var> Определяет переменную

Поддержка браузеров

Элемент
<pre> Да Да Да Да Да


Глобальные атрибуты

Тег <pre> также поддерживает Глобальные атрибуты в HTML.


События атрибутов

Тег <pre> также поддерживает События атрибутов в HTML.


Еще примеры

Пример

Как создать предварительно отформатированный текст с фиксированной шириной (с помощью CSS):

<div style="width:200px;overflow:auto">
<pre>Это pre с фиксированной шириной. Он будет использовать столько места,сколько указано.</pre>
</div>
Попробуйте сами »

Связанные страницы

HTML Учебник: HTM Форматирование текста

HTML DOM Справочник: Объект Pre


Настройки CSS по умолчанию

Большинство браузеров будут отображать элемент <pre> со следующими значениями по умолчанию:

Пример

pre {
  display: block;
  font-family: monospace;
  white-space: pre;
  margin: 1em 0;
}
Попробуйте сами »