НАЙКРАЩИЙ САЙТ ДЛЯ ВЕБ-РОЗРОБНИКІВ
HTML5. Уроки для початківців. W3Schools українською

En Es De Fr

HTML Елементи комп’ютерного коду


HTML містить кілька елементів для визначення призначеного для користувача введення і комп’ютерного коду.


Комп’ютерний код

<code>
x = 5;<br>
y = 6;<br>
z = x + y;
</code>
Спробуйте самі »

HTML <kbd> для введення з клавіатури

HTML елемент <kbd> представляє для користувача введення, такі як введення з клавіатури або голосові команди.

Текст в оточенні <kbd> тегів зазвичай відображається моноширинним шрифтом:

Приклад

<p>Збережіть документ, натиснувши <kbd>Ctrl + S</kbd></p>

Результат:

Збережіть документ, натиснувши Ctrl + S
Спробуйте самі »

HTML <samp> для виведення програми

HTML елемент <samp> представляє вихідні дані програми або обчислювальної системи.

Текст, оточений тегами <samp> зазвичай відображається моноширинним шрифтом:

Приклад

<p>Якщо ви введете неправильне значення, програма поверне <samp>Помилка!</samp></p>

Результат:

Якщо ви введете неправильне значення, програма поверне Помилка!
Спробуйте самі »

HTML <code> для комп’ютерного коду

HTML елемент<code> визначає фрагмент комп’ютерного коду.

Текст, оточений тегами <code> зазвичай відображається моноширинним шрифтом:

Приклад

<code>
x = 5;
y = 6;
z = x + y;
</code>

Результат:

x = 5; y = 6; z = x + y;
Спробуйте самі »

Зверніть увагу, що елемент <code> не зберігає зайвих пробілів і розривів рядків.

Щоб це виправити, ви можете поставити елемент <code> всередині елементу <pre>:

Приклад

<pre>
<code>
x = 5;
y = 6;
z = x + y;
</code>
</pre>

Результат:


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

Спробуйте самі »

HTML <var> для змінних

HTML елемент <var> визначає змінні.

Змінна може бути змінною в математичному виразі або змінною в контексті програмування:

Приклад

Ейнштейн написав: <var>E</var> = <var>mc</var><sup>2</sup>.

Результат:

Ейнштейн написав: E = mc2.
Спробуйте самі »

HTML Вправи

Перевірте себе за допомогою вправ

Вправа:

Вкажіть текст "var person;" як програмний код.

<p>Приклад коду: var person;</p>


HTML Елементи комп’ютерного коду

Тег Опис
<code> Визначає програмний код
<kbd> Визначає введення з клавіатури
<samp> Визначає виведення комп’ютера
<var> Визначає змінну
<pre> Визначає попередньо відформатований текст

Для отримання повного списку всіх доступних тегів HTML, відвідайте HTML Довідник тегів на нашому сайті W3Schools українською.



Коментарі