САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ

На сайте нет рекламы

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>
Попробуйте сами »

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

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

HTML DOM справочник: Объект code


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

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

Пример

code {
  font-family: monospace;
}
Попробуйте сами »