Урок №28. HTML. Комп'ютерний код

Курс по основам HTML | CSS. W3Schools українською. Уроки для початківців



HTML/CSS. Елементи комп'ютерного коду на веб-сайті

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

<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>Error!</samp></p>

Результат:

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

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> визначає змінну. Змінна може бути змінною в математичному виразі або змінною в контексті програмування:

Приклад:

Einstein wrote: <var>E</var> = <var>mc</var><sup>2</sup>.

Результат:

Einstein wrote: E = mc2.
Спробуйте самі! »

Перевірте себе вправами!


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

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

Примітка: Для отримання повного списку всіх доступних HTML тегів, відвідайте довідник HTML тегів.



warning

Не викладайте свій код безпосередньо в коментарях, він відображається некоректно. Скористайтесь такими сервісами, як jsfiddle.net, codepen.io, liveweave.com, jsbin.com, збережіть код на будь-якому з цих сервісів і в коментарях дайте на нього посилання. Так буде видно і код, і результат.