W3docs
ru
Войти

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

On this page, you can find interesting information about computer code elements, learn when and where you can use them and see different useful examples.

Компьютеры используют особое форматирование и стиль текста для отображения сообщений, связанных с кодами. В HTML существуют различные элементы для отображения компьютерного кода.

Тег HTML <code>

Тег HTML <code> вставляет фрагменты программного кода, переменные и т. д. в HTML-документ. В браузере код отображается моноширинным шрифтом меньшего размера.

Пример использования тега HTML <code>:

Пример использования тега HTML <code>

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <p>This is an ordinary text.</p>
    <code>This is a program code.</code>
    <p>This is the continuation of the ordinary text.</p>
  </body>
</html>
Попробуйте сами »

Тег HTML <var>:

Тег <var> определяет переменную в математическом выражении или в контексте программирования.

Пример использования тега HTML <var>:

Пример использования тега HTML <var>:

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <p><var>x</var> = <var>y</var> + 5</p>
  </body>
</html>
Попробуйте сами »

Тег HTML <kbd>:

Тег <kbd> указывает ввод с клавиатуры. Он используется, когда необходимо отобразить текст, который следует ввести с клавиатуры пользователя.

Пример использования тега HTML <kbd>:

Пример использования тега HTML <kbd>

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <h2>The kbd example</h2>
    <p>You can paste the document by pressing <kbd>Ctrl + V</kbd>.</p>
  </body>
</html>
Попробуйте сами »

Тег HTML <samp>

Тег <samp> содержит вывод компьютерной программы или скрипта. По умолчанию он отображается моноширинным шрифтом.

Пример использования тега HTML <samp>:

Пример использования тега HTML <samp>:

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <p>This is an ordinary text. <samp>But this is a sample text.</samp> Here is another ordinary text.</p>
  </body>
</html>
Попробуйте сами »

Практика

Практика

Какие теги используются в HTML для отображения компьютерного кода?