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