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

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>Code example: var person;</p>


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

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

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