Тег <code> HTML

  • Предыдущая страница <cite>
  • Следующая страница <col>

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

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

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

См. также:

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

См. также:

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

Руководство по HTML DOM:Объект Code

Пример

Пример 1

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

<p>HTML <code>button</code> тег определяет нажимаемую кнопку.</p>
<p>CSS <code>background-color</code> свойство определяет цвет фона элемента.</p>

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

Пример 2

Использование 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>

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

Глобальные свойства

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

Свойства событий

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

Default CSS settings

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

code {
  font-family: monospace;
}

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

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка Поддержка Поддержка Поддержка Поддержка
  • Предыдущая страница <cite>
  • Следующая страница <col>