Что такое код html

: элемент отображения кода

Элемент HTML отображает его содержимое в стиле, предназначенном для указания на то, что текст является коротким фрагментом компьютерного кода. По умолчанию текст содержимого отображается с использованием шрифта монопространства по умолчанию пользовательского агента.

Интерактивный пример

Content categories	Flow content, phrasing content, palpable content.
Permitted content	Phrasing content.
Tag omission	Нет, открывающий и закрывающий теги обязательны.
Permitted parents	Any element that accepts phrasing content.
Implicit ARIA role	No corresponding role
Permitted ARIA roles	Any
DOM interface	HTMLElement Up to Gecko 1.9.2 (Firefox 4) inclusive, Firefox implements the HTMLSpanElement (en-US) interface for this element.

Атрибуты

Этот элемент включает в себя только глобальные атрибуты.

Пример

Текстовый абзац, включающий :

p> The function code>selectAll()code> highlights all the text in the input field so the user can, for example, copy or delete the text. p>

Вывод, генерируемый этим HTML, выглядит так:

Примечания

CSS-правило может быть определено для того, чтобы селектор code переопределил шрифт браузера по умолчанию. Предпочтения, установленные пользователем, могут иметь приоритет над указанными CSS.

Спецификации

Specification
HTML Standard # the-code-element

Совместимость с браузерами

BCD tables only load in the browser

Смотрите также

Found a content problem with this page?

Edit the page on GitHub.
Report the content issue.
View the source on GitHub.

This page was last modified on 4 авг. 2023 г. by MDN contributors.

Your blueprint for a better internet.

Тег code, фрагмент кода

Теги в тексте записи стали похожи на настоящие теги. Но пока что это просто текст, обычные слова. Давайте выделим их как фрагменты кода.

Для обозначения фрагментов кода есть специальный тег, который так и называется .

С его помощью размечается любой фрагмент текста, который распознается компьютером: код программы, разметки, название файла и так далее. Какого-то специального способа указать, на каком языке написан фрагмент кода, у тега нет. Обычно браузеры отображают текст в теге моноширинным шрифтом.

Пример разметки с :

Тег <ul> — это неупорядоченный список.

Мы добавили немного стилей (параметры шрифта и цвет текста), чтобы теги смотрелись красивее. Вы можете изучить стили во вкладке style.css .

Перейти к заданию

index.html Сплит-режим
style.css Сплит-режим

Сайт начинающего верстальщика

Блог

День шестой. Как я ничего не понял

Сегодня зашёл на несколько сайтов посмотреть, как они свёрстаны. Увидел какие-то цитаты и незнакомые теги <cite> и <blockquote>.

Не понял чем они отличаются. Закрыл браузер. Разберусь завтра.

body < padding: 0 30px; font-size: 14px; line-height: 22px; font-family: "Georgia", serif; color: #222222; >h1 < font-size: 20px; line-height: normal; >nav < color: #888888; >aside < margin: 20px 0; color: #c4c4c4; >pre, code < font-family: "Courier New", "Courier", monospace; color: #6a2cce; >
Проверить на сервере Проверка проводилась слишком много времени, попробуйте ещё разок Показать ответ

Спасибо! Мы скоро всё исправим)

HTML Computer Code Elements

HTML contains several elements for defining user input and computer code.

Example

x = 5; y = 6; z = x + y;

HTML For Keyboard Input

The HTML element is used to define keyboard input. The content inside is displayed in the browser’s default monospace font.

Example

Define some text as keyboard input in a document:

Save the document by pressing Ctrl + S

Save the document by pressing Ctrl + S

HTML For Program Output

The HTML element is used to define sample output from a computer program. The content inside is displayed in the browser’s default monospace font.

Example

Define some text as sample output from a computer program in a document:

Message from my computer:

File not found. Press F1 to continue

Message from my computer:

File not found.
Press F1 to continue

HTML For Computer Code

The HTML element is used to define a piece of computer code. The content inside is displayed in the browser’s default monospace font.

Example

Define some text as computer code in a document:

x = 5; y = 6; z = x + y;
x = 5; y = 6; z = x + y;

Notice that the element does not preserve extra whitespace and line-breaks.

To fix this, you can put the element inside a element:

Example



x = 5;
y = 6;
z = x + y;

x = 5;
y = 6;
z = x + y;

HTML For Variables

The HTML element is used to define a variable in programming or in a mathematical expression. The content inside is typically displayed in italic.

Example

Define some text as variables in a document:

The area of a triangle is: 1/2 x b x h, where b is the base, and h is the vertical height.

The area of a triangle is: 1/2 x b x h , where b is the base, and h is the vertical height.

Chapter Summary

The element defines keyboard input
The element defines sample output from a computer program
The element defines a piece of computer code
The element defines a variable in programming or in a mathematical expression
The element defines preformatted text

HTML Exercises

HTML Computer Code Elements

Tag	Description
	Defines programming code
	Defines keyboard input
	Defines computer output
	Defines a variable
	Defines preformatted text

For a complete list of all available HTML tags, visit our HTML Tag Reference.