HTML Тег <code>

Пример

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

<p>HTML тег <code>button</code> определяет кликабельную кнопку.</p>

<p>CSS свойство <code>background-color</code> определяет фоновый цвет элемента.</p>

Попробуйте сами »

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

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

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

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

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

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

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

Элемент
<code>	Да	Да	Да	Да	Да

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

Тег <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>HTML тег <code>button</code> определяет кликабельную кнопку.</p>
<p>CSS свойство <code>background-color</code> определяет фоновый цвет элемента.</p>

</body>
</html>

Попробуйте сами »