Спецсимволи HTML
Створення, розробка, виготовлення сайтів | WEB-STYDIA.COM

Доброго часу доби дорогі друзі!

Давно я не писав нічого нового, а все через відсутність часу, добре не буду виправдовуватися а просто поговоримо про таку чудової штуку як спец символи для HTML.

Мало хто знає про те що можна виводити на сайті безліч різних символів без особливого знання кодів, без правки внутрішніх файлів сайту, без правки CSS і.т.д ... І при тому ви можете працювати з ними як зі звичайним текстом, тобто ви зможете змінювати шрифт, розмір колір і застосовувати інші форматування які нам з вами так звичні. Я не буду тут багато розписувати просто нижче опублікую список спецсимволов які ви зможете використовувати на своєму сайті, просто скопіюйте потрібний вам символ і вставте в будь-яке місце вашого сайту.

Увага!
Не всякий шрифт відобразить символ. Якщо хочете бути впевнені, що все відобразиться коректно, вибирайте шрифт Times або Arial.

Увага!
Спецсимволи чутливі до регістру, можна використовувати < замість <.

Для додавання будь-якого символу, перерахованого нижче на вашу веб-сторінку, просто вставте код символу (або його ім'я) в місці, де потрібно відобразити обраний символ.

Вид HTML-код CSS-код Опис
☃ \2603 Сніговик
☦ \2626 Православний хрест
⚓ \2693 Якір
➳ \27B3 Стрілка направо
✆ \2706 Знак телефону
☕ \2615 Гарячі напої
✎ \270E Олівець, спрямований вправо-вниз
✏ \270F Олівець
✐ \2710 Олівець, спрямований вправо-вгору
✑ \2711 Незафарбовані вістря пера
✒ \2712 Закрашене вістря пера
⚜ \269C Геральдична лілія
❄ \2744 Сніжинка
❤ \2764 Закрашене жирне серце
❅ \2745 Затиснута трилисниками сніжинка
❆ \2746 Жирна гострокутна сніжинка
★ \2605 Зафарбована зірка
☆ \2606 Незафарбована зірка
✪ \272A Незафарбована зірка в закрашенном колі
✫ \272B Зафарбована зірка з незакрашенним колом усередині
✯ \272F Обертається зірка
❉ \2749 Зірочка з кулястими закінченнями
❋ \274B Жирна восьмиконечная каплеподібна зірочка-пропелер
✲ \2732 Зірочка з незакрашенним центром
⍟ \235F Apl функциональный символ звезда в круге
⊛ \229B Оператор звездочки в круге
☀ \2600 Закрашенное солнце с лучами
☁ \2601 Облака
☂ \2602 Зонтик
☑ \2611 Галочка в квадрате
☒ \2612 Крестик в квадрате
☹ \2639 Нахмуренный смайлик
☺ \263A Улыбающийся смайлик
☻ \263B Закрашенный улыбающийся смайлик
☭ \262D Серп и молот
☰ \2630 Триграмма
✿ \273f Закрашенный цветок
❀ \2740 Незакрашенный цветок
✾ \273E Цветок с шестью лепестками
❁ \2741 Закрашенный обведённый цветок
❂ \2742 Цветок из точек
✉ \2709 Конверт
❦ \2766 Сердце в виде цветка
❶ \2776 Номер 1
❷ \2777 Номер 2
❸ \2778 Номер 3
❹ \2779 Номер 4
❺ \277A Номер 5
❻ \277B Номер 6
❼ \277C Номер 7
❽ \277D Номер 8
➒ \2792 Номер 9
➓ \2793 Номер 10
➠ \27A0 Летящая стрела
➤ \27A4 Наконечник стрелы
➥ \27A5 Изогнутая стрела, указывающая вниз и вправо
➦ \27A6 Изогнутая стрела, указывающая вверх и вправо
❜ \275C Жирная одинарная верхняя запятая
❛ \275B Жирная одинарная повёрнутая верхняя запятая
✖ \2716 Жирный знак умножения
✘ \2718 Жирный крестик
✔ \2714 Жирная отметка галочкой
✚ \271A Жирный крест
↺ \21BA Круглая стрелка с наконечником против часовой стрелки
↻ \21BB Круглая стрелка с наконечником против часовой стрелки
  \00A0 Неразрывный пробел
­ ­ \00AD Место возможного переноса
< &lt; \003C Знак "меньше чем" (начало тега)
> &gt; \003E Знак "больше чем" (конец тега)
« &laquo; \00AB Левая двойная угловая скобка
» &raquo; \00BB Правая двойная угловая скобка
&lsaquo; \2039 Левая угловая одиночная кавычка
&rsaquo; \203A Правая угловая одиночная кавычка
" &quot; \0022 Двойная кавычка
&prime; \2032 Одиночный штрих
&Prime; \2033 Двойной штрих
&lsquo; \2018 Левая одиночная кавычка
&rsquo; \2019 Правая одиночная кавычка
&sbquo; \201A Нижняя одиночная кавычка
&ldquo; \201C Левая двойная кавычка
&rdquo; \201D Правая двойная кавычка
&bdquo; \201E Нижняя двойная кавычка
& &amp; \0026 Амперсанд
' &apos; \0027 Апостроф (одинарная кавычка)
§ &sect; \00A7 Параграф
© &copy; \00A9 Знак copyright
¬ &not; \00AC Знак отрицания
® &reg; \00AE Знак зарегистрированной торговой марки
¯ &macr; \00AF Знак долготы над гласным
° &deg; \00B0 Градус
± &plusmn; \00B1 Плюс-минус
¹ &sup1; \00B9 Верхний индекс "1"
² &sup2; \00B2 Верхний индекс "2"
³ &sup3; \00B3 Верхний индекс "3"
¼ &frac14; \00BC Одна четверть
½ &frac12; \00BD Одна вторая
¾ &frac34; \00BE Три четверти
´ &acute; \00B4 Знак ударения
µ &micro; \00B5 Микро
&para; \00B6 Знак абзаца
· &middot; \00B7 Знак умножения
¿ &iquest; \00BF Перевернутый вопросительный знак
ƒ &fnof; \0192 Знак флорина
&trade; \2122 Знак торговой марки
&bull; \2022 Маркер списка
&hellip; \2026 Многоточие
&oline; \203E Надчеркивание
&ndash; \2013 Среднее тире
&mdash; \2014 Длинное тире
&permil; \2030 Промилле
} &#125; \007D Правая фигурная скобка
{ &#123; \007B Левая фигурная скобка
= &#61; \003D Знак равенства
&ne; \2260 Знак неравенства
&cong; \2245 Конгруэнтность (геометрическое равенство)
&asymp; \2248 Почти равно
&le; \2264 Меньше чем или равно
&ge; \2265 Больше чем или равно
&ang; \2220 Угол
&perp; \22A5 Перпендикулярно (кнопка вверх)
&radic; \221A Квадратный корень
&sum; \2211 N-ичное суммирование
&int; \222B Интеграл
&larr; \2190 Стрелка влево
&uarr; \2191 Стрелка вверх
&rarr; \2192 Стрелка вправо
&darr; \2193 Стрелка вниз
&harr; \2194 Стрелка влево-вправо
&crarr; \21B5 Стрелка вниз и влево – знак возврата каретки
&lArr; \21D0 Двойная стрелка налево
&uArr; \21D1 Двойная стрелка вверх
&rArr; \21D2 Двойная стрелка направо
&dArr; \21D3 Двойная стрелка вниз
&hArr; \21D4 Двойная стрелка влево-вправо
&spades; \2660 "Пики"
&clubs; \2663 "Трефы"
&hearts; \2665 "Червы"
&diams; \2666 "Бубны"
&#9825; \2661 Контур "Червы"
&#9826; \2662 Контур "Бубны"
&#9828; \2664 Контур "Пики"
&#9831; \2667 Контур "Трефы"
¢ &cent; \FFE0 Цент
£ &pound; \FFE1 Фунт стерлингов
¥ &yen; \00A5 Йена или юань
&euro; \20AC Евро
$ &#36; \0024 Доллар
&#8372; \20B4 Знак гривны
&#8377; \20B9 Индийская рупия
&#22291; \5713 Китайский юань
&#8376; \20B8 Казахстанский тенге
&#9800; \2648 Овен
&#9801; \2649 Телец
&#9802; \264A Близнецы
&#9803; \264B Рак
&#9804; \264C Лев
&#9805; \264D Дева
&#9806; \264E Весы
&#9807; \264F Скорпион
&#9808; \2650 Стрелец
&#9809; \2651 Козерог
&#9810; \2652 Водолей
&#9811; \2653 Рыбы

 

Вас також може зацікавити

Немає коментарів

Ви можете залишити коментар першим.

Залишити коментар

Будь ласка, введіть Ваше ім'я. Будь ласка, введіть адресу електронної пошти. Будь ласка, введіть повідомлення.