Спеціальні символи HTML з кодом для розміщення
Спеціальні символи HTML - це символи, які використовуються для розміщення на веб сторінках, а також стилях. Для того щоб розмістити такий символ достатньо набрати HTML-код (наприклад: двадцять ₴ = двадцять ₴. Для того, щоб розмістити символ в CSS потрібно в стилях набрати такий код .nazva::before {content: '\20B4';} або .nazva::after {content: '\20B4';}. В таких символах можна змінити колір: для цього код символа розмістити в блоці <div> або <span> з класом в якому буде вказаний колір, або .nazva::before {content: '\20B4'; color: red;}. Також можна змінити розмір шрифту вказавши в стилях, наприклад: font-size:15px;
Гроші
Вигляд | HTML-код | CSS-код | Опис |
---|---|---|---|
¢ | ¢ | \FFE0 | Цент |
£ | £ | \FFE1 | Фунт стерлінгів |
€ | € | \20AC | Євро |
$ | $ | \0024 | Долар |
₴ | ₴ | \20B4 | Гривня |
₹ | ₹ | \20B9 | Індійська рупія |
圓 | 圓 | \5713 | Китайський юань |
Знаки зодіаку
Вигляд | HTML-код | CSS-код | Опис |
---|---|---|---|
♈ | ♈ | \2648 | Овен |
♉ | ♉ | \2649 | Телець |
♊ | ♊ | \264A | Близнюки |
♋ | ♋ | \264B | Рак |
♌ | ♌ | \264C | Лев |
♍ | ♍ | \264D | Діва |
♎ | ♎ | \264E | Терези |
♏ | ♏ | \264F | Скорпіон |
♐ | ♐ | \2650 | Стрілець |
♑ | ♑ | \2651 | Козеріг |
♒ | ♒ | \2652 | Водолій |
♓ | ♓ | \2653 | Риби |
Карткові масті
Вигляд | HTML-код | CSS-код | Опис |
---|---|---|---|
♠ | ♠ | \2660 | Піка |
♣ | ♣ | \2663 | Трефа |
♥ | ♥ | \2665 | Чирва |
♦ | ♦ | \2666 | Бубна |
Стрілки
Вигляд | HTML-код | CSS-код | Опис |
---|---|---|---|
← | ← | \2190 | Стрілка вліво |
↑ | ↑ | \2191 | Стрілка догори |
→ | → | \2192 | Стрілка вправо |
↓ | ↓ | \2193 | Стрілка вниз |
↔ | ↔ | \219 | Стрілка вліво-вправо |
⇒ | ⇒ | \21D2 | Подвійна стрілка направо |
⇔ | ⇔ | \21D4 | Подвійна стрілка вліво-вправо |
➠ | ➠ | \27A0 | Стрілка в русі |
➤ | ➤ | \27A4 | Вістря стріли |
➥ | ➥ | \27A5 | Зігнута стрілка зверху вниз |
➦ | ➦ | \27A6 | Зігнута стрілка знизу догори |
➫ | ➫ | \27AB | Об’ємна стрілка |
➳ | ➳ | \27B3 | Стріла |
Цифри
Вигляд | HTML-код | CSS-код | Опис |
---|---|---|---|
❶ | ❶ | \2776 | Число 1 |
❷ | ❷ | \2777 | Число 2 |
❸ | ❸ | \2778 | Число 3 |
❹ | ❹ | \2779 | Число 4 |
❺ | ❺ | \277A | Число 5 |
❻ | ❻ | \277B | Число 6 |
❼ | ❼ | \277C | Число 7 |
❽ | ❽ | \277D | Число 8 |
➒ | ➒ | \2792 | Число 9 |
➓ | ➓ | \2793 | Число 10 |
Знаки пунктуації
Вигляд | HTML-код | CSS-код | Опис |
---|---|---|---|
| \00A0 | Пробіл | |
| ­ | \00AD | Місце переносу |
< | < | \003C | Знак меньше |
> | > | \003E | Знак більше |
« | « | \00AB | Кутова дужка |
» | » | \00BB | Кутова дужка |
‹ | ‹ | \2039 | Лапка |
› | › | \203A | Лапка |
" | " | \0022 | Подвійна лапка |
′ | ′ | \2032 | Одинарний штрих |
″ | ″ | \2033 | Подвійний штрих |
‘ | ‘ | \2018 | Ліва одиночна лапка |
’ | ’ | \2019 | Права одиночна лапка |
• | • | \2022 | Маркер списку |
… | … | \2026 | Три крапки |
‚ | ‚ | \201A | Нижня одиночна лапка |
“ | “ | \201C | Ліва подвійна лапка |
” | ” | \201D | Права подвійна лапка |
„ | „ | \201E | Нижня подвійна лапка |
& | & | \0026 | Амперсанд |
' | ' | \0027 | Апостроф |
§ | § | \00A7 | Параграф |
© | © | \00A9 | Знак copyright |
¬ | ¬ | \00AC | Знак заперечення |
® | ® | \00AE | Знак торгової марки |
° | ° | \00B0 | Градус |
± | ± | \00B1 | Плюс-мінус |
¹ | ¹ | \00B9 | Верхній індекс "1" |
² | ² | \00B2 | Верхній індекс "2" |
³ | ³ | \00B3 | Верхній індекс "3" |
´ | ´ | \00B4 | Знак наголосу |
µ | µ | \00B5 | Мікро |
¶ | ¶ | \00B6 | Знак абзацу |
¼ | ¼ | \00BC | Одна четверта |
½ | ½ | \00BD | Одна друга |
¾ | ¾ | \00BE | Три четвертої |
¿ | ¿ | \00BF | Перевернутий знак запитання |
ƒ | ƒ | \0192 | Флорин знак |
™ | ™ | \2122 | Знак торгової марки |
– | – | \2013 | Середнє тире |
— | — | \2014 | Довге тире |
‰ | ‰ | \2030 | Проміле |
} | } | \007D | Права фігурна дужка |
{ | { | \007B | Ліва фігурна дужка |
= | = | \003D | Знак рівності |
≠ | ≠ | \2260 | Знак нерівності |
≈ | ≈ | \2248 | Приблизно |
≤ | ≤ | \2264 | Меньше ніж або дорівнює |
≥ | ≥ | \2265 | Більше ніж або дорівнює |
∠ | ∠ | \2220 | Кут |
⊥ | ⊥ | \22A5 | Перпендикулярно |
√ | √ | \221A | Квадратний корінь |
∑ | ∑ | \2211 | Знак суми |
∫ | ∫ | \222B | Інтеграл |
※ | ※ | \203B | Знак виноски |
÷ | ÷ | \00F7 | Знак ділення |
∞ | ∞ | \221E | Знак нескінченності |
@ | @ | \0040 | Символ песик |
[ | [ | \005B | Ліва квадратна дужка |
] | ] | \005D | Права квадратна дужка |
Інше
Вигляд | HTML-код | CSS-код | Опис |
---|---|---|---|
☀ | ☀ | \2600 | Сонце |
☁ | ☁ | \2601 | Хмари |
☂ | ☂ | \2602 | Парасоля |
☃ | ☃ | \2603 | Сніговик |
★ | ★ | \2605 | Зірка |
☆ | ☆ | \2606 | Контур зірки |
☎ | ☎ | \260E | Телефон |
☑ | ☑ | \2611 | Галочка в квадраті |
☒ | ☒ | \2612 | Хрестик в квадраті |
☦ | ☦ | \2626 | Православний хрест |
☰ | ☰ | \2630 | Триграма |
☺ | ☺ | \263A | Смайлик |
☻ | ☻ | \263B | Смайлик |
✆ | ✆ | \2706 | Знак телефона |
✉ | ✉ | \2709 | Конверт |
✎ | ✎ | \270E | Олівець |
✏ | ✏ | \270F | Олівець |
✐ | ✐ | \2710 | Олівець |
✑ | ✑ | \2711 | Перо |
✒ | ✒ | \2712 | Перо |
✔ | ✔ | \2714 | Галочка |
✖ | ✖ | \2716 | Знак множення |
✘ | ✘ | \2718 | Хрестик |
✚ | ✚ | \271A | Хрест |
✪ | ✪ | \272A | Зірка в колі |
✫ | ✫ | \272B | Зірка |
✯ | ✯ | \272F | Зірка |
✲ | ✲ | \2732 | Зірка |
✿ | ✿ | \273f | Квітка |
❀ | ❀ | \2740 | Квітка |
✾ | ✾ | \273E | Квітка |
❁ | ❁ | \2741 | Квітка |
❂ | ❂ | \2742 | Квітка |
❄ | ❄ | \2744 | Сніжинка |
❅ | ❅ | \2745 | Сніжинка |
❆ | ❆ | \2746 | Сніжинка |
❉ | ❉ | \2749 | Зірка |
❋ | ❋ | \274B | Зірка |
❑ | ❑ | \2751 | Квадрат з тінню |
❒ | ❒ | \2752 | Квадрат з тінню |
❤ | ❤ | \2764 | Серце |
❦ | ❦ | \2766 | Серце квітка |