Символы html и css
Вставить спецсимвол в HTML можно таким кодом:
<span style="color:orange; font-size: 25px">₽</span>
color - значит цвет
font-size - размер символа
В итоге получилось:
₽
СSS символ выглядит так - \2706
В css-код вставляем символ через псевдоклассы :after или :before используя правило content" ".
Пример:
В итоге:<div class="spec"></div>.spec:after{content:"\2706";color:orange; (добавляем цвет)font-size: 25px; (добавляем размер)}
Нужны символы для придания статье или внешнему виду сайта завершённости и эстетичности. Так же знаки помогают быстрее понять размерные величины. Другие символы ставят при вёрстке, когда нужных нет в стандартной компьютерной клавиатуре.
Таблица спецсимволов
Красный - СSS символ
Синий - HTML символ
Разное
☃ ☃ \2603 Снеговик
☦ ☦ \2626 Православный крест
⚓ ⚓ \2693 Якорь
✆ ✆ \2706 Знак телефона
☎ ☎ \260E Телефон
☕ ☕ \2615 Горячие напитки
⚽ ⚽ \26BD Футбольный мяч
✨ ✨ \2728 Искры
✈ ✈ \2708 Самолёт
✄ ✄ \2704 Незакрашенные ножницы
✂ ✂ \2702 Жирные ножницы
✁ ✁ \2701 Ножницы с верхним лезвием
✎ ✎ \270E Карандаш, направленный вправо-вниз
✏ ✏ \270F Карандаш
✐ ✐ \2710 Карандаш, направленный вправо-вверх
✑ ✑ \2711 Незакрашенное острие пера
✒ ✒ \2712 Закрашенное острие пера
⚜ ⚜ \269C Геральдическая лилия
☑ ☑ \2611 Галочка в квадрате
☒ ☒ \2612 Крестик в квадрате
☹ ☹ \2639 Нахмуренный смайлик
☺ ☺ \263A Улыбающийся смайлик
☻ ☻ \263B Закрашенный улыбающийся смайлик
☭ ☭ \262D Серп и молот
⚑ ⚑ \2691 Закрашенный флаг
⚐ ⚐ \2690 Незакрашенный флаг
☰ ☰ \2630 Триграмма
✉ ✉ \2709 Конверт
❦ ❦ \2766 Сердце в виде цветка
⌇ ⌇ \2307 Волнистая линия
⚛ ⚛ \269B Символ атома
⌨ ⌨ \2328 Клавиатура
♺ ♺ \267A Символ переработки
❑ ❑ \2751 Незакрашенный квадрат с правой нижней тенью
❒ ❒ \2752 Незакрашенный квадрат с правой верхней тенью
◈ ◈ \25C8 Алмаз в оправе
◐ ◐ \25D0 Круг с левой закрашенной половиной
◑ ◑ \25D1 Круг с закрашенной правой половиной
Звёзды, снежинки, цветы
❄ ❄ \2744 Снежинка
❤ ❤ \2764 Закрашенное жирное сердце
❅ ❅ \2745 Зажатая трилистниками снежинка
❆ ❆ \2746 Жирная остроугольная снежинка
★ ★ \2605 Закрашенная звезда
☆ ☆ \2606 Незакрашенная звезда
✪ ✪ \272A Незакрашенная звезда в закрашенном круге
✫ ✫ \272B Закрашенная звезда с незакрашенным кругом внутри
✯ ✯ \272F Вращающаяся звезда
❉ ❉ \2749 Звёздочка с шарообразными окончаниями
❋ ❋ \274B Жирная восьмиконечная каплеобразная звёздочка-пропеллер
✲ ✲ \2732 Звёздочка с незакрашенным центром
⍟ ⍟ \235F Apl функциональный символ звезда в круге
⊛ ⊛ \229B Оператор звездочки в круге
⁂ ⁂ \2042 Три звездочки
✿ ✿ \273f Закрашенный цветок
❀ ❀ \2740 Незакрашенный цветок
✾ ✾ \273E Цветок с шестью лепестками
❁ ❁ \2741 Закрашенный обведённый цветок
❂ ❂ \2742 Цветок из точек
Погода
☀ ☀ \2600 Закрашенное солнце с лучами
☁ ☁ \2601 Облака
☂ ☂ \2602 Зонтик
Число в круге
❶ ❶ \2776 Номер 1
❷ ❷ \2777 Номер 2
❸ ❸ \2778 Номер 3
❹ ❹ \2779 Номер 4
❺ ❺ \277A Номер 5
❻ ❻ \277B Номер 6
❼ ❼ \277C Номер 7
❽ ❽ \277D Номер 8
➒ ➒ \2792 Номер 9
➓ ➓ \2793 Номер 10
Знаки препинания, математические знаки
\00A0 Неразрывный пробел
­ \00AD Место возможного переноса
< < \003C Знак "меньше чем" (начало тега)
> > \003E Знак "больше чем" (конец тега)
« « \00AB Левая двойная угловая скобка
» » \00BB Правая двойная угловая скобка
‹ ‹ \2039 Левая угловая одиночная кавычка
› › \203A Правая угловая одиночная кавычка
" " \0022 Двойная кавычка
′ ′ \2032 Одиночный штрих
″ ″ \2033 Двойной штрих
‘ ‘ \2018 Левая одиночная кавычка
’ ’ \2019 Правая одиночная кавычка
‚ ‚ \201A Нижняя одиночная кавычка
“ “ \201C Левая двойная кавычка
” ” \201D Правая двойная кавычка
„ „ \201E Нижняя двойная кавычка
❜ ❜ \275C Жирная одинарная верхняя запятая
❛ ❛ \275B Жирная одинарная повёрнутая верхняя запятая
& & \0026 Амперсанд
' ' \0027 Апостроф (одинарная кавычка)
§ § \00A7 Параграф
© © \00A9 Знак copyright
¬ ¬ \00AC Знак отрицания
® ® \00AE Знак зарегистрированной торговой марки
¯ ¯ \00AF Знак долготы над гласным
° ° \00B0 Градус
± ± \00B1 Плюс-минус
¹ ¹ \00B9 Верхний индекс "1"
² ² \00B2 Верхний индекс "2"
³ ³ \00B3 Верхний индекс "3"
¼ ¼ \00BC Одна четверть
½ ½ \00BD Одна вторая
¾ ¾ \00BE Три четверти
´ ´ \00B4 Знак ударения
µ µ \00B5 Микро
¶ ¶ \00B6 Знак абзаца
· · \00B7 Знак умножения
¿ ¿ \00BF Перевернутый вопросительный знак
ƒ ƒ \0192 Знак флорина
™ ™ \2122 Знак торговой марки
• • \2022 Маркер списка
… … \2026 Многоточие
‾ ‾ \203E Надчеркивание
– – \2013 Среднее тире
— — \2014 Длинное тире
‰ ‰ \2030 Промилле
} } \007D Правая фигурная скобка
{ { \007B Левая фигурная скобка
= = \003D Знак равенства
≠ ≠ \2260 Знак неравенства
≅ ≅ \2245 Конгруэнтность (геометрическое равенство)
≈ ≈ \2248 Почти равно
≤ ≤ \2264 Меньше чем или равно
≥ ≥ \2265 Больше чем или равно
∠ ∠ \2220 Угол
⊥ ⊥ \22A5 Перпендикулярно (кнопка вверх)
√ √ \221A Квадратный корень
∑ ∑ \2211 N-ичное суммирование
∫ ∫ \222B Интеграл
※ ※ \203B Знак сноски
÷ ÷ \00F7 Знак деления
∞ ∞ \221E Знак бесконечности
@ @ \0040 Символ собака
[ [ \005B Левая квадратная скобка
] ] \005D Правая квадратная скобка
✖ ✖ \2716 Жирный знак умножения
✘ ✘ \2718 Жирный крестик
✔ ✔ \2714 Жирная отметка галочкой
✚ ✚ \271A Жирный крест
Стрелки
← ← \2190 Стрелка влево
↑ ↑ \2191 Стрелка вверх
→ → \2192 Стрелка вправо
↓ ↓ \2193 Стрелка вниз
↔ ↔ \2194 Стрелка влево-вправо
↵ ↵ \21B5 Стрелка вниз и влево – знак возврата каретки
⇐ ⇐ \21D0 Двойная стрелка налево
⇑ ⇑ \21D1 Двойная стрелка вверх
⇒ ⇒ \21D2 Двойная стрелка направо
⇓ ⇓ \21D3 Двойная стрелка вниз
⇔ ⇔ \21D4 Двойная стрелка влево-вправо
➠ ➠ \27A0 Летящая стрела
➤ ➤ \27A4 Наконечник стрелы
➥ ➥ \27A5 Изогнутая стрела, указывающая вниз и вправо
➦ ➦ \27A6 Изогнутая стрела, указывающая вверх и вправо
➳ ➳ \27B3 Стрела направо
↺ ↺ \21BA Круглая стрелка с наконечником против часовой стрелки
↻ ↻ \21BB Круглая стрелка с наконечником против часовой стрелки
⇧ ⇧ \21E7 Толстая полая стрелка вверх
↩ ↩ \21A9 Стрелка налево с крючком
➫ ➫ \27AB Наклонённая вниз объёмная стрелка
⬇ ⬇ \2B07 Закрашенная стрелка вниз
⬆ ⬆ \2B06 Закрашенная стрелка вверх
Карты
♠ ♠ \2660 "Пики"
♣ ♣ \2663 "Трефы"
♥ ♥ \2665 "Червы"
♦ ♦ \2666 "Бубны"
♡ ♡ \2661 Контур "Червы"
♢ ♢ \2662 Контур "Бубны"
♤ ♤ \2664 Контур "Пики"
♧ ♧ \2667 Контур "Трефы"
Деньги
¢ ¢ \FFE0 Цент
£ £ \FFE1 Фунт стерлингов
₽ ₽ \20BD Российский рубль
¥ ¥ \00A5 Йена или юань
€ € \20AC Евро
$ $ \0024 Доллар
₴ ₴ \20B4 Знак гривны
₹ ₹ \20B9 Индийская рупия
圓 圓 \5713 Китайский юань
₸ ₸ \20B8 Казахстанский тенге
Гороскоп
♈ ♈ \2648 Овен
♉ ♉ \2649 Телец
♊ ♊ \264A Близнецы
♋ ♋ \264B Рак
♌ ♌ \264C Лев
♍ ♍ \264D Дева
♎ ♎ \264E Весы
♏ ♏ \264F Скорпион
♐ ♐ \2650 Стрелец
♑ ♑ \2651 Козерог
♒ ♒ \2652 Водолей
♓ ♓ \2653 Рыбы
Символы можно раскрашивать, увеличивать в размере.
Другие символы можно поискать на сайтах:
https://unicode-table.com/ru/html-entities/ - на ресурсе можно найти юникод эмоджи, HTML-мнемоники, аlt-коды и т.д.
https://emojitool.ru - юникод, эмоджи.
http://mnemoniki.tsymbal.su/
Комментарии со спамом удаляются.