Логотип schoolsw3.com
Учебники Справочники Упражнения КАК? Меню
Редактор Поддержка Обновить

×
Учебники
Справочники
Упражнения
Пожертвовать Обновление Реклама Видео Магазин

HTML Справочник

HTML Теги по алфавиту HTML Теги по категориям HTML Поддержка браузера HTML Атрибуты тегов HTML Глобальные атрибуты HTML События атрибутов HTML Название цвета HTML Canvas HTML Аудио/видео HTML Наборы символов HTML Типы документов HTML URL Кодировка HTML Код языка HTML Код страны HTTP Сообщения ошибок HTTP Методы GET/POST HTML Конвертер PX в EM HTML Комбинация клавиш

HTML Теги

Тег <!--Комментарий--> Тег <!DOCTYPE> Тег <a> Тег <abbr> Тег <acronym> Тег <address> Тег <applet> Тег <area> Тег <article> Тег <aside> Тег <audio> Тег <b> Тег <base> Тег <basefont> Тег <bdi> Тег <bdo> Тег <big> Тег <blockquote> Тег <body> Тег <br> Тег <button> Тег <canvas> Тег <caption> Тег <center> Тег <cite> Тег <code> Тег <col> Тег <colgroup> Тег <data> Тег <datalist> Тег <dd> Тег <del> Тег <details> Тег <dfn> Тег <dialog> Тег <dir> Тег <div> Тег <dl> Тег <dt> Тег <em> Тег <embed> Тег <fieldset> Тег <figcaption> Тег <figure> Тег <font> Тег <footer> Тег <form> Тег <frame> Тег <frameset> Тег <h1> - <h6> Тег <head> Тег <header> Тег <hr> Тег <html> Тег <i> Тег <iframe> Тег <img> Тег <input> Тег <ins> Тег <kbd> Тег <label> Тег <legend> Тег <li> Тег <link> Тег <main> Тег <map> Тег <mark> Тег <meta> Тег <meter> Тег <nav> Тег <noframes> Тег <noscript> Тег <object> Тег <ol> Тег <optgroup> Тег <option> Тег <output> Тег <p> Тег <param> Тег <picture> Тег <pre> Тег <progress> Тег <q> Тег <rp> Тег <rt> Тег <ruby> Тег <s> Тег <samp> Тег <script> Тег <section> Тег <select> Тег <small> Тег <source> Тег <span> Тег <strike> Тег <strong> Тег <style> Тег <sub> Тег <summary> Тег <sup> Тег <svg> Тег <table> Тег <tbody> Тег <td> Тег <template> Тег <textarea> Тег <tfoot> Тег <th> Тег <thead> Тег <time> Тег <title> Тег <tr> Тег <track> Тег <tt> Тег <u> Тег <ul> Тег <var> Тег <video> Тег <wbr>


HTML Тег <code>



Пример

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

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