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