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>
з наступними значеннями за замовчуванням: