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

En

W3.CSS Код


Контейнер відображення коду

Клас w3-panel використовується для відображення прикладів у сірому контейнері:

Приклад

  • Jill
  • Eve
  • Adam

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


Шрифт відображення коду

Клас w3-code використовується для відображення коду читабельним моноширинним шрифтом.

Приклад

fruits[0] = "Banana";
fruits[1] = "Apple";
fruits[2] = "Mango";
fruits[3] = "Plum";

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


Виділення вбудованого коду

Клас w3-codespan використовується для виділення вбудованого коду:

Елемент html визначає сторінку HTML.

Приклад

Елемент <code class="w3-codespan">html</code> визначає HTML сторінку.
Спробуйте самі »

Розфарбування коду

W3Schools надає бібліотеку JavaScript для розфарбовування коду.

Приклад

fruits[0] = "Banana";
fruits[1] = "Apple";
fruits[2] = "Mango";
fruits[3] = "Plum";

Ви можете завантажити бібліотеку кольору тут: https://w3schoolsua.github.io/lib/w3codecolor.js

Якщо ви використовуєте бібліотеку w3codecolor.js, ви також можете використовувати класи коду, описані нижче:


Виділення JavaScript коду

Клас jsHigh використовується для виділення коду JavaScript:

Приклад

<div class="w3-code jsHigh">

.. JavaScript код тут

</div>
Спробуйте самі »

Виділення HTML коду

Клас htmlHigh використовується для виділення HTML-коду:

Приклад

<div class="w3-code htmlHigh">

.. HTML код йде тут

</div>
Спробуйте самі »

Виділення CSS коду

Клас cssHigh використовується для виділення коду CSS:

Приклад

<div class="w3-code cssHigh">

.. CSS код тут

</div>
Спробуйте самі »