Пример
Определите некоторый текст как компьютерный код в документе:
<p>HTML тег <code>button</code> определяет кликабельную кнопку.</p>
<p>CSS свойство <code>background-color</code> определяет цвет фона элемента.</p>
Попробуйте сами »
Определение и использование <code>
Тег <code> используется для определения фрагмента компьютерного кода. Содержимое внутри отображается в моноширинном шрифте браузера по умолчанию.
Совет: Этот тег не является устаревшим. Однако можно добиться более богатого эффекта с помощью CSS (см. пример ниже).
Также посмотрите на:
| Тег | Описание |
|---|---|
| <samp> | Определяет пример вывода из компьютерной программы |
| <kbd> | Определяет ввод с клавиатуры |
| <var> | Определяет переменную |
| <pre> | Определяет предварительно отформатированный текст |
Поддержка браузеров <code>
| Элемент | |||||
|---|---|---|---|---|---|
| <code> | Да | Да | Да | Да | Да |
Глобальные атрибуты <code>
Тег <code> также поддерживает Глобальные атрибуты в HTML.
События атрибутов <code>
Тег <code> также поддерживает События атрибутов в HTML.
Еще примеры <code>
Пример
Используйте 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 Учебник: HTML Форматирование текста
HTML DOM справочник: Объект code
Настройки CSS по умолчанию <code>
Большинство браузеров будут отображать элемент <code> со следующими значениями по умолчанию:
Пример
code {
font-family: monospace;
}
Попробуйте сами »