❁ Спеціальні символи HTML з кодом для розміщення


Спеціальні символи HTML - це символи, які використовуються для розміщення на веб сторінках, а також стилях. Для того щоб розмістити такий символ достатньо набрати HTML-код (наприклад: двадцять &#8372; = двадцять ₴. Для того, щоб розмістити символ в CSS потрібно в стилях набрати такий код .nazva::before {content: '\20B4';} або .nazva::after {content: '\20B4';}. В таких символах можна змінити колір: для цього код символа розмістити в блоці <div> або <span> з класом в якому буде вказаний колір, або .nazva::before {content: '\20B4'; color: red;}. Також можна змінити розмір шрифту вказавши в стилях, наприклад: font-size:15px;


Гроші
¢
Цент
HTML&cent;
CSS\FFE0
£
Фунт стерлінгів
HTML&pound;
CSS\FFE1
Євро
HTML&euro;
CSS\20AC
$
Долар
HTML&#36;
CSS\0024
Гривня
HTML&#8372;
CSS\20B4
Індійська рупія
HTML&#8377;
CSS\20B9
Китайський юань
HTML&#22291;
CSS\5713
Знаки зодіаку
Овен
HTML&#9800;
CSS\2648
Телець
HTML&#9801;
CSS\2649
Близнюки
HTML&#9802;
CSS\264A
Рак
HTML&#9803;
CSS\264B
Лев
HTML&#9804;
CSS\264C
Діва
HTML&#9805;
CSS\264D
Терези
HTML&#9806;
CSS\264E
Скорпіон
HTML&#9807;
CSS\264F
Стрілець
HTML&#9808;
CSS\2650
Козеріг
HTML&#9809;
CSS\2651
Водолій
HTML&#9810;
CSS\2652
Риби
HTML&#9811;
CSS\2653
Карткові масті
Піка
HTML&spades;
CSS\2660
Трефа
HTML&clubs;
CSS\2663
Чирва
HTML&hearts;
CSS\2665
Бубна
HTML&diams;
CSS\2666
Стрілки
Стрілка вліво
HTML&larr;
CSS\2190
Стрілка догори
HTML&uarr;
CSS\2191
Стрілка вправо
HTML&rarr;
CSS\2192
Стрілка вниз
HTML&darr;
CSS\2193
Стрілка вліво-вправо
HTML&harr;
CSS\219
Подвійна стрілка направо
HTML&rArr;
CSS\21D2
Подвійна стрілка вліво-вправо
HTML&hArr;
CSS\21D4
Стрілка в русі
HTML&#10144;
CSS\27A0
Вістря стріли
HTML&#10148;
CSS\27A4
Зігнута стрілка зверху вниз
HTML&#10149;
CSS\27A5
Зігнута стрілка знизу догори
HTML&#10150;
CSS\27A6
Об’ємна стрілка
HTML&#10155;
CSS\27AB
Стріла
HTML&#10163;
CSS\27B3
Цифри
Число 1
HTML&#10102;
CSS\2776
Число 2
HTML&#10103;
CSS\2777
Число 3
HTML&#10104;
CSS\2778
Число 4
HTML&#10105;
CSS\2779
Число 5
HTML&#10106;
CSS\277A
Число 6
HTML&#10107;
CSS\277B
Число 7
HTML&#10108;
CSS\277C
Число 8
HTML&#10109;
CSS\277D
Число 9
HTML&#10130;
CSS\2792
Число 10
HTML&#10131;
CSS\2793
Знаки пунктуації
Пробіл
HTML&nbsp;
CSS\00A0
­
Місце переносу
HTML&shy;
CSS\00AD
<
Знак меньше
HTML&lt;
CSS\003C
>
Знак більше
HTML&gt;
CSS\003E
«
Кутова дужка
HTML&laquo;
CSS\00AB
»
Кутова дужка
HTML&raquo;
CSS\00BB
Лапка
HTML&lsaquo;
CSS\2039
Лапка
HTML&rsaquo;
CSS\203A
"
Подвійна лапка
HTML&quot;
CSS\0022
Одинарний штрих
HTML&prime;
CSS\2032
Подвійний штрих
HTML&Prime;
CSS\2033
Ліва одиночна лапка
HTML&lsquo;
CSS\2018
Права одиночна лапка
HTML&rsquo;
CSS\2019
Маркер списку
HTML&bull;
CSS\2022
Три крапки
HTML&hellip;
CSS\2026
Нижня одиночна лапка
HTML&sbquo;
CSS\201A
Ліва подвійна лапка
HTML&ldquo;
CSS\201C
Права подвійна лапка
HTML&rdquo;
CSS\201D
Нижня подвійна лапка
HTML&bdquo;
CSS\201E
&
Амперсанд
HTML&amp;
CSS\0026
'
Апостроф
HTML&apos;
CSS\0027
§
Параграф
HTML&sect;
CSS\00A7
©
Знак copyright
HTML&copy;
CSS\00A9
¬
Знак заперечення
HTML&not;
CSS\00AC
®
Знак торгової марки
HTML&reg;
CSS\00AE
°
Градус
HTML&deg;
CSS\00B0
±
Плюс-мінус
HTML&plusmn;
CSS\00B1
¹
Верхній індекс "1"
HTML&sup1;
CSS\00B9
²
Верхній індекс "2"
HTML&sup2;
CSS\00B2
³
Верхній індекс "3"
HTML&sup3;
CSS\00B3
´
Знак наголосу
HTML&acute;
CSS\00B4
µ
Мікро
HTML&micro;
CSS\00B5
Знак абзацу
HTML&para;
CSS\00B6
¼
Одна четверта
HTML&frac14;
CSS\00BC
½
Одна друга
HTML&frac12;
CSS\00BD
¾
Три четвертої
HTML&frac34;
CSS\00BE
¿
Перевернутий знак запитання
HTML&iquest;
CSS\00BF
ƒ
Флорин знак
HTML&fnof;
CSS\0192
Знак торгової марки
HTML&trade;
CSS\2122
Середнє тире
HTML&ndash;
CSS\2013
Довге тире
HTML&mdash;
CSS\2014
Проміле
HTML&permil;
CSS\2030
}
Права фігурна дужка
HTML&#125;
CSS\007D
{
Ліва фігурна дужка
HTML&#123;
CSS\007B
=
Знак рівності
HTML&#61;
CSS\003D
Знак нерівності
HTML&ne;
CSS\2260
Приблизно
HTML&asymp;
CSS\2248
Меньше ніж або дорівнює
HTML&le;
CSS\2264
Більше ніж або дорівнює
HTML&ge;
CSS\2265
Кут
HTML&ang;
CSS\2220
Перпендикулярно
HTML&perp;
CSS\22A5
Квадратний корінь
HTML&radic;
CSS\221A
Знак суми
HTML&sum;
CSS\2211
Інтеграл
HTML&int;
CSS\222B
Знак виноски
HTML&#8251;
CSS\203B
÷
Знак ділення
HTML&divide;
CSS\00F7
Знак нескінченності
HTML&infin;
CSS\221E
@
Символ песик
HTML&#64;
CSS\0040
[
Ліва квадратна дужка
HTML&#91;
CSS\005B
]
Права квадратна дужка
HTML&#93;
CSS\005D
Інше
Сонце
HTML&#9728;
CSS\2600
Хмари
HTML&#9729;
CSS\2601
Парасоля
HTML&#9730;
CSS\2602
Сніговик
HTML&#9731;
CSS\2603
Зірка
HTML&#9733;
CSS\2605
Контур зірки
HTML&#9734;
CSS\2606
Телефон
HTML&#9742;
CSS\260E
Галочка в квадраті
HTML&#9745;
CSS\2611
Хрестик в квадраті
HTML&#9746;
CSS\2612
Православний хрест
HTML&#9766;
CSS\2626
Триграма
HTML&#9776;
CSS\2630
Смайлик
HTML&#9786;
CSS\263A
Смайлик
HTML&#9787;
CSS\263B
Знак телефона
HTML&#9990;
CSS\2706
Конверт
HTML&#9993;
CSS\2709
Олівець
HTML&#9998;
CSS\270E
Олівець
HTML&#9999;
CSS\270F
Олівець
HTML&#10000;
CSS\2710
Перо
HTML&#10001;
CSS\2711
Перо
HTML&#10002;
CSS\2712
Галочка
HTML&#10004;
CSS\2714
Знак множення
HTML&#10006;
CSS\2716
Хрестик
HTML&#10008;
CSS\2718
Хрест
HTML&#10010;
CSS\271A
Зірка в колі
HTML&#10026;
CSS\272A
Зірка
HTML&#10027;
CSS\272B
Зірка
HTML&#10031;
CSS\272F
Зірка
HTML&#10034;
CSS\2732
Квітка
HTML&#10047;
CSS\273f
Квітка
HTML&#10048;
CSS\2740
Квітка
HTML&#10046;
CSS\273E
Квітка
HTML&#10049;
CSS\2741
Квітка
HTML&#10050;
CSS\2742
Сніжинка
HTML&#10052;
CSS\2744
Сніжинка
HTML&#10053;
CSS\2745
Сніжинка
HTML&#10054;
CSS\2746
Зірка
HTML&#10057;
CSS\2749
Зірка
HTML&#10059;
CSS\274B
Квадрат з тінню
HTML&#10065;
CSS\2751
Квадрат з тінню
HTML&#10066;
CSS\2752
Серце
HTML&#10084;
CSS\2764
Серце квітка
HTML&#10086;
CSS\2766



🧮 Математика та розрахунки

⚖️ Конвертація величин

🔤 Текст та Кодування

☕ Побут та час