НАЙКРАЩИЙ САЙТ ДЛЯ ВЕБ-РОЗРОБНИКІВ
HTML5. W3Schools українською. Повний довідник тегів

En

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;
}
Спробуйте самі »