HTML Элементы кода компьютера
Компьютерный код
<code>
x = 5;<br>
y = 6;<br>
z = x + y;
</code>
HTML <kbd> для ввода с клавиатуры
Элемент HTML <kbd> представляет вводимые пользователем данные, такие как ввод с клавиатуры или голосовые команды.
Текст, окруженный тегами <kbd>, обычно отображается в стандартном одноместном шрифте браузера:
Пример
<p>Сохраните документ, нажав <kbd>Ctrl + S</kbd></p>
Результат:
HTML <samp> для вывода программы
Элемент HTML <samp> представляет выходные данные из программы или вычислительной системы.
Текст, окруженный тегами <samp>, обычно отображается в стандартном одноместном шрифте браузера:
Пример
<p>If you input wrong value, the program will return <samp>Error!</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> определяет переменную.
Переменная может быть переменной в математическом выражении или переменной в контексте программирования:
Пример
Einstein wrote: <var>E</var> = <var>mc</var><sup>2</sup>.
Результат:
Элементы кода компьютера HTML
| Тег | Описание |
|---|---|
| <code> | Определяет программный код |
| <kbd> | Определяет ввод с клавиатуры |
| <samp> | Определяет выход компьютера |
| <var> | Определяет переменную |
| <pre> | Определяет предварительно отформатированный текст |