Элементы компьютерного кода HTML
HTML содержит несколько элементов для определения пользовательского ввода и компьютерного кода.
Пример
<code>
x = 5;
y = 6;
z = x + y;
</code>
HTML <kbd> для ввода с клавиатуры
Элемент HTML <kbd>используется для определения ввода с клавиатуры. Содержимое внутри отображается моноширинным шрифтом браузера по умолчанию.
Пример
Определите некоторый текст как ввод с клавиатуры в документе:
<p>Save the document by pressing <kbd>Ctrl + S</kbd></p>
Результат:
HTML <samp> для вывода программы
Элемент HTML <samp>используется для определения образца вывода из компьютерной программы. Содержимое внутри отображается моноширинным шрифтом браузера по умолчанию.
Пример
Определите некоторый текст как образец вывода из компьютерной программы в документе:
<p>Message from my computer:</p>
<p><samp>File not found.<br>Press F1 to
continue</samp></p>
Результат:
File not found.
Press F1 to continue
HTML <код> для компьютерного кода
Элемент 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>The area of a triangle is: 1/2 x <var>b</var> x <var>h</var>, where <var>b</var>
is the base, and <var>h</var> is the vertical height.</p>
Результат:
Краткое содержание главы
- Элемент
<kbd>определяет ввод с клавиатуры - Элемент
<samp>определяет образец вывода из компьютерной программы. - Элемент
<code>определяет часть компьютерного кода - Элемент
<var>определяет переменную в программировании или в математическом выражении - Элемент
<pre>определяет предварительно отформатированный текст
HTML-упражнения
Элементы компьютерного кода HTML
| Tag | Description |
|---|---|
| <code> | Defines programming code |
| <kbd> | Defines keyboard input |
| <samp> | Defines computer output |
| <var> | Defines a variable |
| <pre> | Defines preformatted text |
Полный список всех доступных HTML-тегов см. в нашем Справочнике по HTML-тегам .