HTML Компьютерный код

HTML содержит несколько элементов для определения пользовательского ввода и компьютерного кода.

Пример

<code>
x = 5;
y = 6;
z = x + y;
</code>

HTML элемент <kbd> для ввода с клавиатуры

Элемент HTML <kbd> используется для определения ввода с клавиатуры. Содержимое внутри отображается в браузере шрифтом по умолчанию с фиксированной шириной, но его стиль может быть изменен.

Пример
Определяем некоторый текст как ввод с клавиатуры:

<p>Сохраните документ, нажав <kbd>Ctrl + S</kbd></p>

Результат:

Сохраните документ, нажав Ctrl + S

HTML элемент <samp> для программного вывода

Элемент HTML <samp> используется для определения образца вывода из компьютерной программы. Содержимое внутри отображается в браузере шрифтом по умолчанию с фиксированной шириной, но его стиль может быть изменен.

Пример
Определяем некоторый текст как образец вывода из компьютерной программы:

<p>Сообщение от моего компьютера:</p>
<p><samp>Файл не найден.<br>Нажмите F1 для продолжения</samp></p>

Результат:

Сообщение от моего компьютера:

Файл не найден. Нажмите F1 для продолжения

HTML элемент <code> для компьютерного кода

Элемент HTML <code> используется для определения фрагмента компьютерного кода. Содержимое внутри отображается в браузере шрифтом по умолчанию с фиксированной шириной, но его стиль может быть изменен.

Пример
Определяем некоторый текст как компьютерный код:

<code>
x = 5;
y = 6;
z = x + y;
</code>

Результат:

x = 5; y = 6; z = x + y;

Сохранение переносов строк

Обратите внимание, что элемент <code> НЕ сохраняет дополнительные пробелы и переносы строк.

Чтобы сохранить дополнительные пробелы и переносы строк, вы можете поместить элемент <code> внутрь элемента <pre>.

Пример

<pre>
<code>
x = 5;
y = 6;
z = x + y;
</code>
</pre>

Результат:


x = 5;
y = 6;
z = x + y;

HTML элемент <var> для переменных

Элемент HTML <var> используется для определения переменной в программировании или в математическом выражении. Содержимое внутри обычно отображается курсивом, но его стиль может быть изменен.

Пример
Определяем некоторый текст как переменные в документе:

<p>Площадь треугольника равна: 1/2 x <var>b</var> x <var>h</var>,
где <var>b</var> — это основание, а <var>h</var> — это вертикальная высота.</p>

Результат:

Площадь треугольника равна: 1/2 x b x h, где b — это основание, а h — это вертикальная высота.

Краткое содержание главы

Элемент <kbd> определяет ввод с клавиатуры
Элемент <samp> определяет образец вывода из компьютерной программы
Элемент <code> определяет фрагмент компьютерного кода
Элемент <var> определяет переменную в программировании или в математическом выражении
Элемент <pre> определяет предварительно отформатированный текст