HTML - тег <code>


Пример

Определите некоторый текст как компьютерный код в документе:

<p>The HTML <code>button</code> tag defines a clickable button.</p>

<p>The CSS <code>background-color</code> property defines the background color of an element.</p>

Другие примеры «Попробуйте сами» ниже.


Определение и использование

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

Совет: этот тег не устарел. Однако с помощью CSS можно добиться более богатого эффекта (см. пример ниже).

Также посмотрите:

Tag Description
<samp> Defines sample output from a computer program
<kbd> Defines keyboard input
<var> Defines a variable
<pre> Defines preformatted text

Поддержка браузера

Element
<code> Yes Yes Yes Yes Yes

Глобальные атрибуты

Тег <code>также поддерживает глобальные атрибуты в HTML .


Атрибуты события

Тег <code>также поддерживает атрибуты событий в HTML .


Дополнительные примеры

Пример

Используйте CSS для оформления элемента <code>:

<html>
<head>
<style>
code {
  font-family: Consolas,"courier new";
  color: crimson;
  background-color: #f1f1f1;
  padding: 2px;
  font-size: 105%;
}
</style>
</head>
<body>

<p>The HTML <code>button</code> tag defines a clickable button.</p>
<p>The CSS <code>background-color</code> property defines the background color of an element.</p>

</body>
</html>

Связанные страницы

Учебное пособие по HTML: форматирование текста HTML

Справочник по HTML DOM: объект кода


Настройки CSS по умолчанию

Большинство браузеров будут отображать <code>элемент со следующими значениями по умолчанию:

Пример

code {
  font-family: monospace;
}