HTML + CSS
  • 🧑‍💻Full-Stack Web Developer
  • ‼️Список корисних ресурсів
  • 📚Теорія
    • 1️⃣HTML
      • Введення в веб-розробку
      • Теги та атрибути
      • Скелет документа HTML
      • Семантика
      • Розмітка тексту
      • Розмітка тексту (2 частина)
      • Зображення
      • Структура HTML-документа
      • Таблиці
      • Символьні підстановки
      • Таблиця кодів символів
      • Відео та аудіо
      • Інструменти розробника
      • Валідація
    • 2️⃣CSS та селектори
      • CSS
      • Селектори
      • Псевдокласи стану
      • Колір
      • Каскад стилів
      • CSS-змінні
      • Одиниці вимірювання
      • Стилізація тексту
      • Властивості шрифту
      • Псевдоелементи тексту
      • Підключення сторонніх шрифтів
    • 3️⃣Блокова модель
      • Основи блокової моделі
      • Геометрія елемента
      • Типи елементів
      • Структурні псевдокласи
    • 4️⃣Flexbox
      • Концепції
      • Властивості контейнера
      • Властивості елемента
    • 5️⃣Grid
    • 6️⃣Зображення і декор
      • Типи зображень
      • Фон елемента
      • Властивості object-fit і object-position
      • Псевдоелементи
      • Градієнт
      • Тінь елемента
    • 7️⃣Векторна графіка
      • Що таке векторна графіка
      • SVG-елементи
      • SVG-документ
      • Використання векторної графіки
      • Зміна властивостей в SVG
    • 8️⃣Позиціонування
      • Позиційовані елементи
      • Властивість z-index
      • Властивість overflow
    • 9️⃣Переходи і анімація
      • CSS-переходи
      • CSS-анімація
      • 2D-трансформації
      • Перспектива
    • 🔟Форми
      • Для чого потрібні форми
      • Елемент <form>
      • Елемент <label>
      • Елемент <input>
      • Елемент <textarea>
      • Елемент <select>
      • Елемент <datalist>
      • Групування полів
      • Валідація форм
      • Валідація на клієнті
      • Псевдокласи стану
    • 🐭Адаптивна верстка
      • Медіа-запити
      • Метатег viewport
      • Інструменти розробника для адаптивної та респонсивної верстки
      • Типи верстки
      • Стратегія Mobile First
      • Вендорні префікси
      • Налаштування теми
    • 🐹Адаптивна графіка
      • Щільність пікселів
      • Респонсивні зображення
      • Респонсивні фонові зображення
      • Респонсивний елемент <img>
      • Елемент <picture>
    • 🦁Методологія ВЕМ
    • 🐶Препроцесор SASS
    • 🐰CSS фреймворки
      • Що таке CSS фреймворки
  • 👷‍♂️Практика
    • 👷Практика
  • Про мене
    • Про мене
Powered by GitBook
On this page
  1. Теорія
  2. HTML

Таблиця кодів символів

Деякі символи не є частиною таблиці кодів ASCII. Це букви алфавітів частин європейських мов, математичні та деякі інші символи. Деякі символи в HTML документі інтерпретуються не так, як планував автор. Наприклад це символи «<» й «>», які використовують у написанні тегів.

Такі символи потрібно виводити за допомогою спеціальних кодів. Вони починаються символом «амперсанд» (&). Потім йде числовий або буквенний код. Закінчується «крапкою з комою»(;).

Таблиця спецсимволів

Буквений код

Цифровий код

Символ

Пояснення

&quot;

&#34;

“

подвійна лапка

&amp;

&#38;

&

амперсанд

&lt;

&#60;

<

знак «менше»

&gt;

&#62;

>

знак «більше»

&nbsp;

&#160;

нерозривний пропуск

&iexcl;

&#161;

¡

перевернутий знак оклику

&cent;

&#162;

¢

цент

&pound;

&#163;

£

фунт стерлінгів

&curren;

&#164;

¤

грошова одиниця

&yen;

&#165;

¥

єна або юань

&brvbar;

&#166;

¦

вертикальна риска з розривом

&sect;

&#167;

§

параграф

&uml;

&#168;

¨

умляут

&copy;

&#169;

©

знак copyright

&ordf;

&#170;

ª

жіночий порядковий чисельник

&laquo;

&#171;

«

ліва подвійна кутова лапка

&not;

&#172;

¬

знак заперечення

&shy;

&#173;

місце можливого переносу

&reg;

&#174;

®

знак зареєстрованої торгової марки

&macr;

&#175;

¯

верхня горизонтальна риска

&deg;

&#176;

°

градус

&plusmn;

&#177;

±

плюс-мінус

&sup2;

&#178;

²

«в квадраті»

&sup3;

&#179;

³

«в кубі»

&acute;

&#180;

´

знак наголосу

&micro;

&#181;

µ

мікро

&para;

&#182;

¶

символ параграфа

&middot;

&#183;

·

крапка

&cedil;

&#184;

¸

седільо (орфографічний знак)

&sup1;

&#185;

¹

верхній індекс «один»

&ordm;

&#186;

º

чоловічий порядковий чисельник

&raquo;

&#187;

»

права подвійна кутова лапка

&frac14;

&#188;

¼

одна чверть

&frac12;

&#189;

½

одна друга

&frac34;

&#190;

¾

три чверті

&iquest;

&#191;

¿

перевернутий знак питання

&Agrave;

&#192;

À

латинська велика А з тупим наголосом

&Aacute;

&#193;

Á

латинська велика А з гострим наголосом

&Acirc;

&#194;

Â

латинська велика А з діакритичним знаком над голосною

&Atilde;

&#195;

Ã

латинська велика А з тільдою

&Auml;

&#196;

Ä

латинська велика А з двома крапками

&Aring;

&#197;

Å

латинська велика А з верхнім кружком

&AElig;

&#198;

Æ

латинські великі символи AE разом

&Ccedil;

&#199;

Ç

латинська велика C з седільо

&Egrave;

&#200;

È

латинська велика Е з тупим наголосом

&Eacute;

&#201;

É

латинська велика Е з гострим наголосом

&Ecirc;

&#202;

Ê

латинська велика Е з діакритичним знаком над голосною

&Euml;

&#203;

Ë

латинська велика Е з двома крапками

&Igrave;

&#204;

Ì

латинська велика І з тупим наголосом

&Iacute;

&#205;

Í

латинська велика І з гострим наголосом

&Icirc;

&#206;

Î

латинська велика І з діакритичним знаком над голосною

&Iuml;

&#207;

Ï

латинська велика І з двома крапками

&ETH;

&#208;

Ð

латинська велика D з рискою

&Ntilde;

&#209;

Ñ

латинська велика N з тільдою

&Ograve;

&#210;

Ò

латинська велика O з тупим наголосом

&Oacute;

&#211;

Ó

латинська велика O з гострим наголосом

&Ocirc;

&#212;

Ô

латинська велика O з діакритичним знаком над голосною

&Otilde;

&#213;

Õ

латинська велика O з тільдою

&Ouml;

&#214;

Ö

латинська велика O з двома крапками

&times;

&#215;

×

знак множення

&Oslash;

&#216;

Ø

латинська велика O зі штрихом

&Ugrave;

&#217;

Ù

латинська велика U з тупим наголосом

&Uacute;

&#218;

Ú

латинська велика U з гострим наголосом

&Ucirc;

&#219;

Û

латинська велика U з діакритичним знаком

&Uuml;

&#220;

Ü

латинська велика U з двома крапками

&Yacute;

&#221;

Ý

латинська велика Y з гострим наголосом

&THORN;

&#222;

Þ

латинська велика THORN

&agrave;

&#224;

à

латинська мала a з тупим наголосом

&aacute;

&##225;

á

латинська мала a з гострим наголосом

&acirc;

&##226;

â

латинська мала a з діакритичним знаком

&atilde;

&#227;

ã

латинська мала a з тільдою

&auml;

&#228;

ä

латинська мала a з двома крапками

&aring;

&#229;

å

латинська мала a з верхнім кружком

&aelig;

&#230;

æ

латинські малі букви ae

&ccedil;

&#231;

ç

латинська мала c з седільо

&egrave;

&#232;

è

латинська мала е з тупим наголосом

&eacute;

&#233;

é

латинська мала е з гострим наголосом

&ecirc;

&#234;

ê

латинська мала e з діакритичним знаком

&euml;

&#235;

ë

латинська мала e з двома крапками

&igrave;

&#236;

ì

латинська мала I з тупим наголосом

&iacute;

&#237;

í

латинська мала I з гострим наголосом

&icirc;

&#238;

î

латинська мала I з діакритичним знаком

&iuml;

&#239;

ï

латинська мала I з двома крапками

&eth;

&#240;

ð

латинський малий символ eth

&ntilde;

&#241;

ñ

латинська мала N з тільдою

&ograve;

&#242;

ò

латинська мала O з тупим наголосом

&oacute;

&#243;

ó

латинська мала O з гострим наголосом

&ocirc;

&#244;

ô

латинська мала O з діакритичним знаком

&otilde;

&#245;

õ

латинська мала О з тільдою

&ouml;

&#246;

ö

латинська мала О з двома крапками

&divide;

&#247;

÷

знак ділення

&oslash;

&#248;

ø

латинська мала O зі штрихом

&ugrave;

&#249;

ù

латинська мала U з тупим наголосом

&uacute;

&#250;

ú

латинська мала U з гострим наголосом

&ucirc;

&#251;

û

латинська мала U з діакритичним знаком

&uuml;

&#252;

ü

латинська мала U з двома крапками

&yacute;

&#253;

ý

латинська мала Y з гострим наголосом

&thorn;

&#254;

þ

латинська мала thorn

&yuml;

&#255;

ÿ

латинська мала Y з двома крапками

&fnof;

&#402;

ƒ

знак функції

Символи для букв

&circ;

&#710;

ˆ

діакритичний знак над голосною

&tilde;

&#732;

˜

тільда

Грецькі букви

&Alpha;

&#913;

Α

велика альфа

&Beta;

&#914;

Β

велика бета

&Gamma;

&#915;

Γ

велика гама

&Delta;

&#916;

Δ

велика дельта

&Epsilon;

&#917;

Ε

велика епсілон

&Zeta;

&#918;

Ζ

велика дзета

&Eta;

&#919;

Η

велика ета

&Theta;

&#920;

Θ

велика тета

&Iota;

&#921;

Ι

велика іота

&Kappa;

&#922;

Κ

велика капа

&Lambda;

&#923;

Λ

велика лямбда

&Mu;

&#924;

Μ

велика мю

&Nu;

&#925;

Ν

велика ню

&Xi;

&#926;

Ξ

велика кси

&Omicron;

&#927;

Ο

велика омікрон

&Pi;

&#928;

Π

велика пі

&Rho;

&#929;

Ρ

велика ро

&Sigma;

&#931;

Σ

велика сігма

&Tau;

&#932;

Τ

велика тау

&Upsilon;

&#933;

Υ

велика іпсілон

&Phi;

&#934;

Φ

велика фі

&Chi;

&#935;

Χ

велика хі

&Psi;

&#936;

Ψ

велика псі

&Omega;

&#937;

Ω

велика омега

&alpha;

&#945;

α

мала альфа

&beta;

&#946;

β

мала бета

&gamma;

&#947;

γ

мала гама

&delta;

&#948;

δ

мала дельта

&epsilon;

&#949;

ε

мала епсілон

&zeta;

&#950;

ζ

мала дзета

&eta;

&#951;

η

мала ета

&theta;

&#952;

θ

мала тета

&iota;

&#953;

ι

мала іота

&kappa;

&#954;

κ

мала капа

&lambda;

&#955;

λ

мала лямбда

&mu;

&#956;

μ

мала мю

&nu;

&#957;

ν

мала ню

&xi;

&#958;

ξ

мала ксі

&omicron;

&#959;

ο

мала омікрон

&pi;

&#960;

π

мала пі

&rho;

&#961;

ρ

мала ро

&sigmaf;

&#962;

ς

мала сігма (final)

&sigma;

&#963;

σ

мала сігма

&tau;

&#964;

τ

мала тау

&upsilon;

&#965;

υ

мала іпсілон

&phi;

&#966;

φ

мала фі

&chi;

&#967;

χ

мала хі

&psi;

&#968;

ψ

мала псі

&omega;

&#969;

ω

мала омега

Загальна пунктуація

&ndash;

&#8211;

–

тире

&mdash;

&#8212;

—

довге тире

&lsquo;

&#8216;

‘

ліва одинарна лапка

&rsquo;

&#8217;

’

права одинарна лапка

&sbquo;

&#8218;

‚

нижня одинарна лапка

&ldquo;

&#8220;

“

ліва подвійна лапка

&rdquo;

&#8221;

”

права подвійна лапка

&bdquo;

&#8222;

„

нижня подвійна лапка

Інші символи

&dagger;

&#8224;

†

латинський хрест

&Dagger;

&#8225;

‡

подвійний хрест

&bull;

&#8226;

•

маленький чорний кружечок

&hellip;

&#8230;

…

три крапки …

&#8240;

‰

знак проміле (відсоток з додатковим нулем)

&prime;

&#8242;

′

один штрих – мінути

&Prime;

&#8243;

″

два штрихи – секунди

&oline;

&#8254;

‾

надкреслення

&frasl;

&#8260;

⁄

похила дробова риска

&euro;

&#8364;

€

євро

&#8470;

№

знак номера

&trade;

&#8482;

™

знак торгової марки

&loz;

&#9674;

◊

ромб

&#9675;

○

круг

Стрілки

&larr;

&#8592;

←

стрілка наліво

&uarr;

&#8593;

↑

стрілка вгору

&rarr;

&#8594;

→

стрілка направо

&darr;

&#8595;

↓

стрілка вниз

&harr;

&#8596;

↔

стрілка наліво-направо

&#8597;

↕

стрілка вгору-вниз

Масті

&spades;

&#9824;

♠

знак «піка»

&clubs;

&#9827;

♣

знак «трефа»

&hearts;

&#9829;

♥

знак «чирва»

&diams;

&#9830;

♦

знак «бубна»

Можна вставити й інші символи UNICODE. Щоб побачити перелік символів заходимо у MS WORD. Меню Вставка – Символ…

Знаходимо потрібний символ і вписуємо його у такому форматі: &#xyyyy; або &#zzzz; (де yyyy – шістнадцятковий код символа юнікод, zzzz – десятковийкод символа юнікод) наприклад &#x263A; – це смайлік ☺ .

PreviousСимвольні підстановкиNextВідео та аудіо

Last updated 1 year ago

📚
1️⃣