Спеціальні символи 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![]() | Серце квітка |