Компьютерные кодовые элементы HTML

Компьютерный код

var person = {
    firstName:"Bill",
    lastName:"Gates",
    age:50,
    eyeColor:"blue"
}

Формат компьютерного кода HTML

Обычно, HTML используетПеременныйразмера символов и переменного интервала между ними.

В отображенииКомпьютерный кодВ примерах это не требуется.

<kbd>, <samp>, а также <code> Все элементы поддерживают фиксированный размер и интервал символов.

Формат клавиатуры HTML

HTML <kbd> Определение элементаВвод с клавиатуры:

Пример

<p>Открыть файл, выберите:</p>
<p><kbd>Файл | Открыть...</kbd></p>

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

Формат样本 HTML

HTML <samp> Определение элементаПример вывода компьютера:

Пример

<samp>
demo.example.com login: Apr 12 09:10:17
Linux 2.6.10-grsec+gg3+e+fhs6b+nfs+gr0501+++p3+c4a+gr2b-reslog-v6.189
</samp>

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

Форматирование кода HTML

HTML <code> Определение элементаПример программного кода:

Пример

<code>
var person = { firstName:"Bill", lastName:"Gates", age:50, eyeColor:"blue" }
</code>

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

<code> элементНе сохранятьИзбыточныеПробелыиПеренос строки:

Пример

Пример кода:

<code>
var person = {
    firstName:"Bill",
    lastName:"Gates",
    age:50,
    eyeColor:"blue"
}
</code>

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

Чтобы решить эту проблему, вам нужно окружить код в элементе <pre>:

Пример

Пример кода:

<code>
<pre>
var person = {
    firstName:"Bill",
    lastName:"Gates",
    age:50,
    eyeColor:"blue"
}
</pre>
</code>

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

Форматирование переменных HTML

HTML <var> Определение элементаМатематические переменные:

Пример

<p>Einstein написал:</p>
<p><var>E = m c<sup>2</sup></var></p>

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

Компьютерные кодовые элементы HTML

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