ЛУЧШИЙ САЙТ ДЛЯ ВЕБ-РАЗРАБОТЧИКОВ
HTML5. Уроки для начинающих. W3Schools на русском

Ua En Es De Fr

HTML Элементы компьютерного кода


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


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

<code>
x = 5;<br>
y = 6;<br>
z = x + y;
</code>
Попробуйте сами »

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

HTML‑элемент <kbd> представляет пользовательский ввод, такой как ввод с клавиатуры или голосовые команды.

Текст внутри тегов <kbd> обычно отображается моноширинным шрифтом:

Пример

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

Результат:

Сохраните документ, нажав Ctrl + S
Попробуйте сами »

HTML <samp> для вывода программы

HTML‑элемент <samp> представляет выходные данные программы или вычислительной системы.

Текст внутри тегов <samp> обычно отображается моноширинным шрифтом:

Пример

<p>Если вы введёте неправильное значение, программа вернёт <samp>Ошибка!</samp></p>

Результат:

Если вы введёте неправильное значение, программа вернёт Ошибка!
Попробуйте сами »

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

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

Текст внутри тегов <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> определяет переменные.

Переменная может быть переменной в математическом выражении или переменной в контексте программирования:

Пример

Эйнштейн написал: <var>E</var> = <var>mc</var><sup>2</sup>.

Результат:

Эйнштейн написал: E = mc2.
Попробуйте сами »

HTML Упражнения

Проверьте себя с помощью упражнений

Упражнение:

Укажите текст "var person;" как программный код.

<p>Пример кода: var person;</p>


HTML Элементы компьютерного кода

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

Для получения полного списка всех доступных HTML‑тегов посетите HTML Справочник тегов на нашем сайте W3Schools на русском.