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