Спецсимволы HTML. Как добавить смайлики в HTML – PROG-TIME

Привет, сегодня я покажу вам подборку самых популярных спецсимволов  HTML. Спецсимволы HTML , или символы-мнемоники, представляют собой конструкцию SGML.

Чтобы разместить символ на веб-странице, необходимо указать HTML-код или мнемонику.

Спецсимволы чувствительны к регистру, поэтому их необходимо прописывать точно так, как указано в таблице. Спецсимволы, не имеющие мнемоники, могут не отображаться вовсе или же некорректно отображаться в тех или иных браузерах.

Как добавить спецсимвол.

Для вставки символов внутрь тегов воспользуйтесь HTML-кодом символа, а для использования символов в таблицах стилей, например, в качестве значения свойства content — CSS-код.

Спецсимвол наследует цвет от цвета текста родительского элемента. Чтобы изменить цвет спецсимвола, можно поместить HTML-код внутрь тега <span> или задать нужное значение свойства color (при вставке спецсимволов через свойство content).

1. Полезные знаки и символы

ВидHTML-кодCSS-кодОписание
&#9731;\2603Снеговик
&#9766;\2626Православный крест
&#9875;\2693Якорь
&#9990;\2706Знак телефона
&#9742;\260EТелефон
&#9749;\2615Горячие напитки
&#9998;\270EКарандаш, направленный вправо-вниз
&#9999;\270FКарандаш
&#10000;
\2710Карандаш, направленный вправо-вверх
&#10001;\2711Незакрашенное острие пера
&#10002;\2712Закрашенное острие пера
&#9884;\269CГеральдическая лилия
&#9937;\26D1Шлем с белым крестом
&#9885;\269DНачерченная белая звезда
&#10052;\2744Снежинка
&#10084;\2764Закрашенное жирное сердце
&#10053;\2745Зажатая трилистниками снежинка
&#10054;\2746Жирная остроугольная снежинка
&#9733;\2605Закрашенная звезда
&#9734;\2606Незакрашенная звезда
&#10026;\272AНезакрашенная звезда в закрашенном круге
&#10027;\272BЗакрашенная звезда с незакрашенным кругом внутри
&#10031;\272FВращающаяся звезда
&#10057;\2749Звёздочка с шарообразными окончаниями
&#10059;\274BЖирная восьмиконечная каплеобразная звёздочка-пропеллер
&#10034;\2732Звёздочка с незакрашенным центром
&#9728;\2600Закрашенное солнце с лучами
&#9729;\2601Облака
&#9730;\2602Зонтик
&#9745;\2611Галочка в квадрате
&#9746;\2612Крестик в квадрате
&#9785;
\2639Нахмуренный смайлик
&#9786;\263AУлыбающийся смайлик
&#9787;\263BЗакрашенный улыбающийся смайлик
&#9773;\262DСерп и молот
&#9873;\2691Закрашенный флаг
&#9872;\2690Незакрашенный флаг
&#9776;\2630Триграмма
&#10047;\273fЗакрашенный цветок
&#10048;\2740Незакрашенный цветок
&#10046;\273EЦветок с шестью лепестками
&#10049;\2741Закрашенный обведённый цветок
&#10050;\2742Цветок из точек
&#9993;\2709Конверт
&#10086;\2766Сердце в виде цветка
&#10102;\2776Номер 1
&#10103;\2777Номер 2
&#10104;\2778Номер 3
&#10105;\2779Номер 4
&#10106;
\277AНомер 5
&#10107;\277BНомер 6
&#10108;\277CНомер 7
&#10109;\277DНомер 8
&#10130;\2792Номер 9
&#10131;\2793Номер 10
&#10006;\2716Жирный знак умножения
&#10008;\2718Жирный крестик
&#10004;\2714Жирная отметка галочкой
&#10010;\271AЖирный крест
&#9883;\269BСимвол атома
&#9850;\267AСимвол переработки
&#10065;\2751Незакрашенный квадрат с правой нижней тенью
&#10066;\2752Незакрашенный квадрат с правой верхней тенью
&#9672;\25C8Алмаз в оправе
&#9680;\25D0Круг с левой закрашенной половиной
&#9681;\25D1Круг с закрашенной правой половиной
&#8258;\2042Три звездочки

2. Знаки пунктуации

ВидHTML-кодCSS-кодОписание
&nbsp;\00A0Неразрывный пробел
&shy;\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Нижняя двойная кавычка
&#10076;\275CЖирная одинарная верхняя запятая
&#10075;\275BЖирная одинарная повёрнутая верхняя запятая
&&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;\2211N-ичное суммирование
&int;\222BИнтеграл
&#8251;\203BЗнак сноски
÷&divide;\00F7Знак деления
&infin;\221EЗнак бесконечности
@&#64;\0040Символ собака
[&#91;\005BЛевая квадратная скобка
]&#93;\005DПравая квадратная скобка

3. Стрелки

ВидHTML-кодCSS-кодОписание
&larr;\2190Стрелка влево
&uarr;\2191Стрелка вверх
&rarr;\2192Стрелка вправо
&darr;\2193Стрелка вниз
&harr;\2194Стрелка влево-вправо
&crarr;\21B5Стрелка вниз и влево – знак возврата каретки
&lArr;\21D0Двойная стрелка налево
&uArr;\21D1Двойная стрелка вверх
&rArr;\21D2Двойная стрелка направо
&dArr;\21D3Двойная стрелка вниз
&hArr;\21D4Двойная стрелка влево-вправо
&#10144;\27A0Летящая стрела
&#10148;\27A4Наконечник стрелы
&#10149;\27A5Изогнутая стрела, указывающая вниз и вправо
&#10150;\27A6Изогнутая стрела, указывающая вверх и вправо
&#10163;\27B3Стрела направо
&#8634;\21BAКруглая стрелка с наконечником против часовой стрелки
&#8635;\21BBКруглая стрелка с наконечником против часовой стрелки
&#8679;\21E7Толстая полая стрелка вверх
&#8617;\21A9Стрелка налево с крючком
&#10155;\27ABНаклонённая вниз объёмная стрелка
&#11015;\2B07Закрашенная стрелка вниз
&#11014;\2B06Закрашенная стрелка вверх

4. Карточные масти

ВидHTML-кодCSS-кодОписание
&spades;\2660“Пики”
&clubs;\2663“Трефы”
&hearts;\2665“Червы”
&diams;\2666“Бубны”
&#9825;\2661Контур “Червы”
&#9826;\2662Контур “Бубны”
&#9828;\2664Контур “Пики”
&#9831;\2667Контур “Трефы”

5. Деньги

ВидHTML-кодCSS-кодОписание
¢&cent;\FFE0Цент
£&pound;\FFE1Фунт стерлингов
&#8381;\20BDРоссийский рубль
¥&yen;\00A5Йена или юань
&euro;\20ACЕвро
$&#36;\0024Доллар
&#8372;\20B4Знак гривны
&#8377;\20B9Индийская рупия
&#22291;\5713Китайский юань
&#8376;\20B8Казахстанский тенге

6. Знаки зодиака

ВидHTML-кодCSS-кодОписание
&#9800;\2648Овен
&#9801;\2649Телец
&#9802;\264AБлизнецы
&#9803;\264BРак
&#9804;\264CЛев
&#9805;\264DДева
&#9806;\264EВесы
&#9807;\264FСкорпион
&#9808;\2650Стрелец
&#9809;\2651Козерог
&#9810;\2652Водолей
&#9811;\2653Рыбы

Все файлы из данной записи:

Полный список символов HTML, представленный в записи – https://yadi.sk/d/MH-1Tk583RdgQf

На это всё!

Если у вас есть вопросы, пишите их в нашей группе – https://vk.com/progtime

Вы так же можете разместить свой вопрос на нашем форуме, где другие программисты смогут вам помочь в решение вашей задачи – https://vk.com/prog_time

В ней мы делимся своим опытом с другими начинающими программистами, поэтому обязательно ответим на ваш вопрос.

Так же прокачивайте свои навыки на нашем канале – https://www.youtube.com/c/ProgTime

Рекомендованные

 

Вам также будет интересно

 

prog-time.ru

Спецсимволы HTML (коды символов) — Blog About

символhtml-коддесятичный
код
описание
&#9731;Снеговик
&#10052;Снежинка
&#10053;Зажатая трилистниками снежинка
&#10054;Жирная остроугольная снежинка
&#9733;Закрашенная звезда
&#9734;Незакрашенная звезда
&#10026;Незакрашенная звезда в закрашенном круге
&#10027;Закрашенная звезда с незакрашенным кругом внутри
&#10031;Вращающаяся звезда
&#9885;Начерченная белая звезда
&#9898;Средний незакрашенный круг
&#9899;Средний закрашенный круг
&#9913;Секстиле (типа снежинка)
&#10037;Восьмиконечная вращающаяся звезда
&#10057;Звёздочка с шарообразными окончаниями
&#10059;Жирная восьмиконечная каплеобразная звёздочка-пропеллер
&#10042;Шестнадцатиконечная звёздочка
&#10041;Двенадцатиконечная закрашенная звезда
&#10040;Жирная восьмиконечная прямолинейная закрашенная звезда
&#10038;Шестиконечная закрашенная звезда
&#10039;Восьмиконечная прямолинейная закрашенная звезда
&#10036;Восьмиконечная закрашенная звезда
&#10035;Восьмиконечная звёздочка
&#10034;Звёздочка с незакрашенным центром
&#10033;Жирная звёздочка
&#10023;Заострённая четырёхконечная незакрашенная звезда
&#10022;Заострённая четырёхконечная закрашенная звезда
&#9055;Звезда в круге
&#8859;Снежинка в круге

blog-about.ru

Спецсимволы HTML — Веб — студия Русс-сайт

 &nbsp;\00A0Неразрывный пробел
­&shy;\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Нижняя двойная кавычка
&#10076;\275CЖирная одинарная верхняя запятая
&#10075;\275BЖирная одинарная повёрнутая верхняя запятая
&&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;\2211N-ичное суммирование
&int;\222BИнтеграл
&#8251;\203BЗнак сноски
÷&divide;\00F7Знак деления
&infin;\221EЗнак бесконечности
@&#64;\0040Символ собака
[&#91;\005BЛевая квадратная скобка
]&#93;\005DПравая квадратная скобка

pycc-site.ru

Коды спецсимволов для HTML. Урок №13

Всем привет!
Давайте познакомимся с таким понятием как спецсимволы для HTML.
Очень редко, но, все же, бывают такие случаи, когда спецсимвол просто необходим. Вот, например, как вы поставите в HTML документе знак copyright — © или функции – ƒ? Вот по этой причине спецсимволы в HTML документе, как спасательный круг.

Хочу показать вам яркий пример, где без спецсимволов обойтись абсолютно невозможно.

Вы прекрасно знаете, что в HTML все, что находится между скобками < и > браузер понимает как тег.  Вот проблема! Как теперь сделать пример для пользователей, которые изучают HTML?
Ведь , если я напишу  вот такой пример:


<html>
<head>
<title> </title>
</head>
<body >
<p>Основы HTML </p>
<html>
<head>
<title> </title>
</head>
<body >
</body>
</html>
</body>
</html>

То браузер либо меня не поймет и ничего не покажет, либо будет обзываться .
Чтобы браузер вас правильно понял и вывел вот так:

то нужно прописать спецсимволами в HTML-документе вот так:


<html>
<head>
<title>Коды спецсимволов для HTML</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body>
<p>Основы HTML </p>
&lt;html&gt;<br>
&lt;head&gt;<br>
&lt;title&gt;&lt;/title&gt;<br>
&lt;/head&gt;<br>
&lt;body&gt;<br>
&lt;/body&gt;<br>
&lt;/html&gt;<br>
</body>
</html>

Объяснение:
&lt; — это спецсимвол  <
&gt; — это спецсимвол  >
<br> — перенос строки.

Теперь еще один полезный спецсимвол – пробел.

Спро́сите: зачем, ведь пробел браузер понимает?! Отвечаю как человек, который неоднократно использовал этот спецсимвол в очень необходимых и не очень необходимых целях .
Допустим, вам понадобилось между словом восемь пробелов подряд. Как вам добиться такого эффекта? Такой эффект можно достичь только с помощью спецсимвола, так как обычный пробел больше одного раза между словами игнорируется браузером.

Итак, пример:


<html>
<head>
<title>Коды спецсимволов для HTML</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body>
слово1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;слово2 слово3
</body>
</html>

Результат:

Внимание: когда вы используете спецсимвол &nbsp; (пробел), то он становится единым целым (слитным) со словами и переносить на другую строку эти два слова браузер не будет.  То есть,
слово1&nbsp;&nbsp;&nbsp;&nbsp;слово2 – браузер воспримет это как одну фразу и переносить «слово2» на другую строку не будет.  Так что учтите это и используйте спецсимвол пробел правильно.

Вот перечень спецсимволов в HTML:

Специальные символы HTML

символ

html-код

десятичный
код

описание

&nbsp;&#160;неразрывный пробел
&ensp;&#8194;узкий пробел (еn-шириной в букву n)
&emsp;&#8195;широкий пробел (em-шириной в букву m)

&ndash;&#8211;узкое тире (en-тире)

&mdash;&#8212;широкое тире (em -тире)
&shy;&#173;мягкий перенос

а́

&#769;ударение, ставится после «ударной» буквы

 

©

&copy;&#169;копирайт

®

&reg;&#174;знак зарегистрированной торговой марки

&trade;&#8482;знак торговой марки

º

&ordm;&#186;копье Марса

ª

&ordf;&#170;зеркало Венеры

&permil;&#8240;промилле

π

&pi;&#960;пи (используйте Times New Roman)

¦

&brvbar;&#166;вертикальный пунктир

§

&sect;&#167;параграф

°

&deg;&#176;градус

µ

&micro;&#181;знак «микро»

&para;&#182;знак абзаца

&hellip;&#8230;многоточие

&oline;&#8254;надчеркивание

´

&acute;&#180;знак ударения

&#8470;знак номера

знаки арифметических и математических операций

×

&times;&#215;умножить

÷

&divide;&#247;разделить

<

&lt;&#60;меньше

>

&gt;&#62;больше

±

&plusmn;&#177;плюс/минус

¹

&sup1;&#185;степень 1

²

&sup2;&#178;степень 2

³

&sup3;&#179;степень 3

¬

&not;&#172;отрицание

¼

&frac14;&#188;одна четвертая

½

&frac12;&#189;одна вторая

¾

&frac34;&#190;три четверти

 frasl;&#8260;дробная черта

 minus;&#8722;минус

&le;&#8804;меньше или равно

&ge;&#8805;больше или равно

&asymp;&#8776;приблизительно (почти) равно

&ne;&#8800;не равно

&equiv;&#8801;тождественно

&radic;&#8730;квадратный корень (радикал)

&infin;&#8734;бесконечность

&sum;&#8721;знак суммирования

&prod;&#8719;знак произведения

&part;&#8706;частичный дифференциал

&int;&#8747;интеграл

&forall;&#8704;для всех (видно только если жирным шрифтом)

&exist;&#8707;существует

&empty;&#8709;пустое множество

Ø

&Oslash;&#216;диаметр

&isin;&#8712;принадлежит

&notin;&#8713;не принадлежит

&ni;&#8727;содержит

&sub;&#8834;является подмножеством

&sup;&#8835;является надмножеством

&nsub;&#8836;не является подмножеством

&sube;&#8838;является подмножеством либо равно

&supe;&#8839;является надмножеством либо равно

&oplus;&#8853;плюс в кружке

&otimes;&#8855;знак умножения в кружке

&perp;&#8869;перпендикулярно

&ang;&#8736;угол

&and;&#8743;логическое И

&or;&#8744;логическое ИЛИ

&cap;&#8745;пересечение

&cup;&#8746;об

bloggood.ru

⇱ — Стрелка влево-вверх, упирающаяся в угол (U+21F1)

Начертание символа «Стрелка влево-вверх, упирающаяся в угол» в разных шрифтах

Ваш браузер

Описание символа

Стрелка влево-вверх, упирающаяся в угол. Стрелки.

Кодировка

Кодировкаhexdec (bytes)decbinary
UTF-8E2 87 B1226 135 1771484587311100010 10000111 10110001
UTF-16BE21 F133 241868900100001 11110001
UTF-16LEF1 21241 336172911110001 00100001
UTF-32BE00 00 21 F10 0 33 241868900000000 00000000 00100001 11110001
UTF-32LEF1 21 00 00241 33 0 0404547174411110001 00100001 00000000 00000000

unicode-table.com

Коды спецсимволов ASCII

ИмяКодВидОписание
&quot;&#34;«двойная кавычка
&amp;&#38;&амперсанд
&lt;&#60;<знак ‘меньше’
&gt;&#62;>знак ‘больше’
&nbsp;&#160; неразрывный пробел
&iexcl;&#161;¡перевернутый восклицательный знак
&cent;&#162;¢цент
&pound;&#163;£фунт стерлингов
&curren;&#164;¤денежная единица
&yen;&#165;¥иена или юань
&brvbar;&#166;¦разорванная вертикальная черта
&sect;&#167;§параграф
&uml;&#168;¨умляут
&copy;&#169;©знак copyright
&ordf;&#170;ªженский порядковый числитель
&laquo;&#171;«левая двойная угловая скобка
&not;&#172;¬знак отрицания
&shy;&#173;­место возможного переноса
&reg;&#174;®знак зарегистрированной торговой марки
&macr;&#175;¯верхняя горизонтальная черта
&deg;&#176;°градус
&plusmn;&#177;±плюс-минус
&sup2;&#178;²«в квадрате»
&sup3;&#179;³«в кубе»
&acute;&#180;´знак ударения
&micro;&#181;µмикро
&para;&#182;символ параграфа
&middot;&#183;·точка
&cedil;&#184;¸седиль (орфографический знак)
&sup1;&#185;¹верхний индекс ‘один’
&ordm;&#186;ºмужской порядковый числитель
&raquo;&#187;»правая двойная угловая скобка
&frac14;&#188;¼одна четвертая
&frac12;&#189;½одна вторая
&frac34;&#190;¾три четвертых
&iquest;&#191;¿перевернутый вопросительный знак
&Agrave;&#192;Àлатинская заглавная А с тупым ударением
&Aacute;&#193;Áлатинская заглавная А с острым ударением
&Acirc;&#194;Âлатинская заглавная А с диакритическим знаком над гласной
&Atilde;&#195;Ãлатинская заглавная А с тильдой
&Auml;&#196;Äлатинская заглавная А с двумя точками
&Aring;&#197;Åлатинская заглавная А с верхним кружком
&AElig;&#198;Æлатинские заглавные символы AE вместе
&Ccedil;&#199;Çлатинская заглавная C с седилем
&Egrave;&#200;Èлатинская заглавная E с тупым ударением
&Eacute;&#201;Éлатинская заглавная E с острым ударением
&Ecirc;&#202;Êлатинская заглавная E с диакритическим знаком над гласной
&Euml;&#203;Ëлатинская заглавная E с двумя точками
&Igrave;&#204;Ìлатинская заглавная I с тупым ударением
&Iacute;&#205;Íлатинская заглавная I с острым ударением
&Icirc;&#206;Îлатинская заглавная I с диакритическим знаком над гласной
&Iuml;&#207;Ïлатинская заглавная I с двумя точками
&ETH;&#208;Ðлатинская заглавная D с черточкой
&Ntilde;&#209;Ñлатинская заглавная N с тильдой
&Ograve;&#210;Òлатинская заглавная O с тупым ударением
&Oacute;&#211;Óлатинская заглавная O с острым ударением
&Ocirc;&#212;Ôлатинская заглавная O с диакритическим знаком над гласной
&Otilde;&#213;Õлатинская заглавная O с тильдой
&Ouml;&#214;Öлатинская заглавная O с двумя точками
&times;&#215;×знак умножения
&Oslash;&#216;Øлатинская заглавная O со штрихом
&Ugrave;&#217;Ùлатинская заглавная U с тупым ударением
&Uacute;&#218;Úлатинская заглавная U с острым ударением
&Ucirc;&#219;Ûлатинская заглавная U с диакритическим знаком
&Uuml;&#220;Üлатинская заглавная U с двумя точками
&Yacute;&#221;Ýлатинская заглавная Y с острым ударением
&THORN;&#222;Þлатинская заглавная THORN
&agrave;&#224;àлатинская строчная a с тупым ударением
&aacute;&##225;áлатинская строчная a с острым ударением
&acirc;&##226;âлатинская строчная a с диакритическим знаком
&atilde;&#227;ãлатинская строчная a с тильдой
&auml;&#228;äлатинская строчная a с двумя точками
&aring;&#229;åлатинская строчная a с верхним кружком
&aelig;&#230;æлатинская строчные буквы ae
&ccedil;&#231;ç латинская строчная c с седилем
&egrave;&#232;èлатинская строчная e с тупым ударением
&eacute;&#233;éлатинская строчная e с острым ударением
&ecirc;&#234;êлатинская строчная e с диакритическим знаком
&euml;&#235;ëлатинская строчная e с двумя точками
&igrave;&#236;ìлатинская строчная I с тупым ударением
&iacute;&#237;íлатинская строчная I с острым ударением
&icirc;&#238;îлатинская строчная I с диакритическим знаком
&iuml;&#239;ïлатинская строчная I с двумя точками
&eth;&#240;ðлатинская строчные символы eth
&ntilde;&#241;ñлатинская строчная N с тильдой
&ograve;&#242;òлатинская строчная O с тупым ударением
&oacute;&#243;óлатинская строчная O с острым ударением
&ocirc;&#244;ôлатинская строчная O с диакритическим знаком
&otilde;&#245;õлатинская строчная I с тильдой
&ouml;&#246;öлатинская строчная I с двумя точками
&divide;&#247;÷знак деления
&oslash;&#248;øлатинская строчная O со штрихом
&ugrave;&#249;ùлатинская строчная U с тупым ударением
&uacute;&#250;úлатинская строчная U с острым ударением
&ucirc;&#251;ûлатинская строчная U с диакритическим знаком
&uuml;&#252;üлатинская строчная U с двумя точками
&yacute;&#253;ýлатинская строчная Y с острым ударением
&thorn;&#254;þлатинская строчная thorn
&yuml;&#255;ÿлатинская строчная Y с двумя точками
&fnof;&#402;ƒзнак функции
Символы для букв
&circ;&#710;ˆдиакритический знак над гласной
&tilde;&#732;˜тильда
Греческие буквы
&Alpha;&#913;Αзаглавная альфа
&Beta;&#914;Βзаглавная бета
&Gamma;&#915;Γзаглавная гамма
&Delta;&#916;Δзаглавная дельта
&Epsilon;&#917;Εзаглавная эпсилон
&Zeta;&#918;Ζзаглавная дзета
&Eta;&#919;Ηзаглавная эта
&Theta;&#920;Θзаглавная тета
&Iota;&#921;Ιзаглавная иота
&Kappa;&#922;Κзаглавная каппа
&Lambda;&#923;Λзаглавная лямбда
&Mu;&#924;Μзаглавная мю
&Nu;&#925;Νзаглавная ню
&Xi;&#926;Ξзаглавная кси
&Omicron;&#927;Οзаглавная омикрон
&Pi;&#928;Πзаглавная пи
&Rho;&#929;Ρзаглавная ро
&Sigma;&#931;Σзаглавная сигма
&Tau;&#932;Τзаглавная тау
&Upsilon;&#933;Υзаглавная ипсилон
&Phi;&#934;Φзаглавная фи
&Chi;&#935;Χзаглавная хи
&Psi;&#936;Ψзаглавная пси
&Omega;&#937;Ωзаглавная омега
&alpha;&#945;αстрочная альфа
&beta;&#946; βстрочная бета
&gamma;&#947; γстрочная гамма
&delta;&#948; δстрочная дельта
&epsilon;&#949; εстрочная эпсилон
&zeta;&#950; ζстрочная дзета
&eta;&#951; ηстрочная эта
&theta;&#952; θстрочная тета
&iota;&#953; ιстрочная иота
&kappa;&#954; κстрочная каппа
&lambda;&#955; λстрочная лямбда
&mu;&#956; μстрочная мю
&nu;&#957; νстрочная ню
&xi;&#958; ξстрочная кси
&omicron;&#959; οстрочная омикрон
&pi;&#960; πстрочная пи
&rho;&#961; ρстрочная ро
&sigmaf;&#962; ςстрочная сигма (final)
&sigma;&#963; σстрочная сигма
&tau;&#964; τстрочная тау
&upsilon;&#965; υстрочная ипсилон
&phi;&#966; φстрочная фи
&chi;&#967; χстрочная хи
&psi;&#968; ψстрочная пси
&omega;&#969; ωстрочная омега
Общая пунктуация
&ndash;&#8211;тире
&mdash;&#8212;длинное тире
&lsquo;&#8216;левая одиночная кавычка
&rsquo;&#8217;правая одиночная кавычка
&sbquo;&#8218;нижняя одиночная кавычка
&ldquo;&#8220;левая двойная кавычка
&rdquo;&#8221;правая двойная кавычка
&bdquo;&#8222;нижняя двойная кавычка
Прочие символы
&dagger;&#8224латинский крест
&Dagger;&#8225двойной крест
&bull;&#8226;маленький черный кружок
&hellip;&#8230;многоточие …
&#8240;знак промилле (процент с дополнительным ноликом)
&prime;&#8242; одиночный штрих — минуты
&Prime;&#8243; двойной штрих — секунды
&oline;&#8254; надчеркивание
&frasl;&#8260; косая дробная черта
&euro;&#8364;евро
&#8470;знак номера
&trade;&#8482;знак торговой марки
&loz;&#9674ромб
&#9675круг
Стрелки
&larr;&#8592; стрелка влево
&uarr;&#8593; стрелка вверх
&rarr;&#8594; стрелка вправо
&darr;&#8595; стрелка вниз
&harr;&#8596; стрелка влево-вправо
&#8597;стрелка вверх-вниз
Масти
&spades;&#9824; знак масти ‘пики’
&clubs;&#9827; знак масти ‘трефы’
&hearts;&#9829; знак масти ‘червы’
&diams;&#9830; знак масти ‘бубны’

php-include.ru

HTML-коды букв и специальные символы

Бывает нужно вывести символ, которого нет на клавиатуре, вот в такой момент и пригодится эта подборка символов.

коды русских букв(заглавные)

А &#1040; Б &#1041; В &#1042; Г &#1043; Д &#1044;
Е &#1045; Ж &#1046; З &#1047; И &#1048; Й &#1049;
К &#1050; Л &#1051; М &#1052; Н &#1053; О &#1054;
П &#1055; Р &#1056; С &#1057; Т &#1058; У &#1059;
Ф &#1060; Х &#1061; Ц &#1062; Ч &#1063; Ш &#1064;
Щ &#1065; Ъ &#1066; Ы &#1067; Ь &#1068; Э &#1069;
Ю &#1070; Я &#1071;

коды русских букв(строчные)

а &#1072; б &#1073; в &#1074; г &#1075; д &#1076;
е &#1077; ё &#1105; ж &#1078; з &#1079; и &#1080;
й &#1081; к &#1082; л &#1083; м &#1084; н &#1085;
о &#1086; п &#1087; р &#1088; с &#1089; т &#1090;
у &#1091; ф &#1092; х &#1093; ц &#1094; ч &#1095;
ш &#1096; щ &#1097; ъ &#1098; ы &#1099; ь &#x044C;
э &#1101; ю &#1102; я &#1103;

Заглавные буквы, кириллица

&AElig;Ж&Eacute;Й&Ntilde;С&ETH;Р
&Aacute;Б&Ecirc;К  &THORN;Ю
&Acirc;В&Egrave;И&Oacute;У  
&Agrave;А&Euml;Л&Ocirc;Ф&Uacute;Ъ
&Aring;Е  &Ograve;Т&Ucirc;Ы
&Atilde;Г&Iacute;Н&Oslash;Ш&Ugrave;Щ
&Auml;Д&Icirc;О&Otilde;Х&Uuml;Ь
  &Igrave;М&Ouml;Ц  
&Ccedil;З&Iuml;П  &Yacute;Э

Маленькие буквы, кириллица

&AElig;Ж&Eacute;Й&Ntilde;С&ETH;Р
&Aacute;Б&Ecirc;К  &THORN;Ю
&Acirc;В&Egrave;И&Oacute;У  
&Agrave;А&Euml;Л&Ocirc;Ф&Uacute;Ъ
&Aring;Е  &Ograve;Т&Ucirc;Ы
&Atilde;Г&Iacute;Н&Oslash;Ш&Ugrave;Щ
&Auml;Д&Icirc;О&Otilde;Х&Uuml;Ь
  &Igrave;М&Ouml;Ц  
&Ccedil;З&Iuml;П  &Yacute;Э

Цифры, спецсимволы и латинские буквы, ASCII-коды

&#032;

Leer

&#056;8&#080;P&#104;h
&#033;!&#057;9&#081;Q&#105;i
&#034;«&#058;:&#082;R&#106;j
&#035;#&#059;;&#083;S&#107;k
&#036;$&#060;<&#084;T&#108;l
&#037;%&#061;=&#085;U&#109;m
&#038;&&#062;>&#086;V&#110;n
&#039;&#063;?&#087;W&#111;o
&#040;(&#064;@&#088;X&#112;p
&#041;)&#065;A&#089;Y&#113;q
&#042;*&#066;B&#090;Z&#114;r
&#043;+&#067;C&#091;[&#115;s
&#044;,&#068;D&#092;\&#116;t
&#045;&#069;E&#093;]&#117;u
&#046;.&#070;F&#094;^&#118;v
&#047;/&#071;G&#095;_&#119;w
&#048;0&#072;H&#096;`&#120;x
&#049;1&#073;I&#097;a&#121;y
&#050;2&#074;J&#098;b&#122;z
&#051;3&#075;K&#099;c&#123;{
&#052;4&#076;L&#100;d&#124;|
&#053;5&#077;M&#101;e&#125;}
&#054;6&#078;N&#102;f&#126;~
&#055;7&#079;O&#103;g&copy;©

Буквы (лат, кир.), цифры, спецсимволы, ASCII-коды

&#127;Leer&#153;Ц&#179;і&#205;Н&#231;з
&#128;З&#154;Ь&#180;ґ&#206;О&#232;и
&#129;ь&#155;ш&#181;µ&#207;П&#233;й
&#130;й&#156;Ј&#182;&#208;Р&#234;к
&#131;в&#157;Ґ&#183;·&#209;С&#235;л
&#132;д&#158;Ч&#184;ё&#210;Т&#236;м
&#133;а&#159;ƒ&#185;&#211;У&#237;н
&#134;е&#160;б&#186;є&#212;Ф&#238;о
&#135;з&#161;Ў&#187;»&#213;Х&#239;п
&#136;к&#162;у&#188;ј&#214;Ц&#240;р
&#137;л&#163;Ј&#189;Ѕ&#215;Ч&#241;с
&#138;и&#164;¤&#190;ѕ&#216;Ш&#242;т
&#139;п&#165;Ґ&#191;ї&#217;Щ&#243;у
&#140;о&#166;¦&#192;А&#218;Ъ&#244;ф
&#141;м&#167;§&#193;Б&#219;Ы&#245;х
&#142;Д&#168;Ё&#194;В&#220;Ь&#246;ц
&#143;Е&#169;©&#195;Г&#221;Э&#247;ч
&#144;Й&#170;Є&#196;Д&#222;Ю&#248;ш
&#145;ж&#171;«&#197;Е&#223;Я&#249;щ
&#146;Ж&#172;¬&#198;Ж&#224;а&#250;ъ
&#147;ф&#173;­&#199;З&#225;б&#251;ы
&#148;ц&#174;®&#200;И&#226;в&#252;ь
&#149;т&#175;Ї&#201;Й&#227;г&#253;э
&#150;ы&#176;°&#202;К&#228;д&#254;ю
&#151;щ&#177;±&#203;Л&#229;е&#255;я
&#152;я&#178;І&#204;М&#230;ж&nbsp;пробел

Некоторые буквы (кириллица)

Д: &Auml; &#196;д: &auml;  &#228;Ц: &Ouml;      &#214;ц: &ouml;      &#246;
Ь: &Uuml; &#220;ь: &uuml; &#252;Я: &szlig;   &#223; 

Вот непечатные символы, которые вы можете использовать для украшения своих текстов.

๏̯͡๏ 斯坦尼斯会文 社

═╬ ╬═ ۩۞۩ ★★★ ▀▄ ▀▄ ▀▄ ▀▄ ۞ ۞ ۞ இஇஇ

 ®®® √√√ ๑۩۩๑ ¤¤¤ ♂♂♂ ••• ツツツ ●•●• ♡♡♡ ♥♥♥ ღღღ ♀♀♀ ♫♫♫ ₪₪₪ øøø ♪♪♪ ஐஐஐ ↕↕↕

˜”*°•..•°*”˜ ששששש ☻☻☻ ت ت ت ˙˙· . ૐ

╬╬╬ ٭٭٭ ◘◘◘ ❖❖❖ ♣ ♣ ♣ ύύύ ††† ☆☆☆ ΩΩΩ ™ ①①① ♠♠♠ █ ▌ ○○○ ☺☺☺

ټ ټ ﻩﻩﻩ*ﻩ*ﻩ*ﻩ*ﻩ*ﻩﻩﻩ ☼☼ عتبر رفيقة, أنا أنت يتلقّى تبحث ل, ويحافظ أنت يسكتټ

¶ ¶ ¶ ▼▼ ◄◄ ►► ■ « » ©©© ░░░░░░▒▓█ █▓▒░

*¢£¤¥¦§ª°±²³´µ¹º¼½¾À¿×ÞßàæçðøőǼǾǿə˚΅ΘλζγέθξψωЂ

 

דהוזחטיךכלםןמנסעףפץצקרשתױײ؟ءآأؤإئابتثجحخدذرزسشصضطغفقكلمنهوى٠٭٭٭ٮٯٶٷٸٹٺٻټٽپٿٰڀځڂڄ څچڇڈډڊڋڌڏڐ
ڑڒړڔږژڗڙښڛڜڝڟڠڡڣڢڤڥڦڬڭگڰڱڲڳڴڵڷڹڻڼھڿۀۂۆۍۈێۏېۑےۓۖۗۘۚۛۜ۝۞

۩‡‰™₧℅№ℓ℮Ω⅓⅔⅛⅜⅝⅝⅞←↑→↓↔↕↨∆∏∑∟∩∫

╓╓╕╖╗╘╙╚╛╜╝╞╟╠╡╢╣╣╤╥╦╧╨╪╫╬

■□ ▪▫▬▲◊◘◙☺☻☼♀♂♠♣♥♦

Также для получения символов вручную можно произвести нехитрую операцию: в любом текстовом поле зажимаем клавишу Alt и набираем любую цифру, отпускаем Alt, и получаем символ.

Например: Alt + 1, получим символ ☺

yapro.ru

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *