Css спецсимволы – Пробельные символы, спецсимволы в HTML (неразрывный пробел и другие мнемоники) | Создание сайтов и заработок в сети

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

  \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Нижняя двойная кавычка
&#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Правая квадратная скобка

Спецсимволы HTML | Как создать сайт

Вид 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; \2211 N-ичное суммирование
&int; \222B Интеграл
&#8251; \203B Знак сноски
÷ &divide; \00F7 Знак деления
&infin; \221E Знак бесконечности
@
&#64; \0040 Символ собака
[ &#91; \005B Левая квадратная скобка
] &#93; \005D Правая квадратная скобка

Спецсимволы в HTML. Основы HTML для начинающих. Урок №4


Спецсимволы в HTML. Основы HTML для начинающих. Урок №4

Всем привет!
В сегодняшнем уроке хочу познакомить вас с таким понятием как спецсимволы для HTML. Вы узнаете, для чего нужны спецсимволы в HTML, как их выводить в HTML-документе и в конце статьи вы найдете таблицу спецсимволов в HTML.

Ну что, давайте начнем! И начнем мы с теории .

Для чего нужны спецсимволы в HTML

Спецсимволы в HTML – это такие символы, которые отсутствуют на клавиатуре компьютера. Либо эти символы могут не работать напрямую в HTML-документе.

Вот, например, как вы поставите в HTML документе знак copyright - ©? Упссс! Никак .

Или, как вы сделаете пять пробелов в HTML документе? Сколько бы вы не сделали пробелов в HTML документе, все равно браузер выведет один пробел.

Все это можно легко сделать при помощи спецсимволов.

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


<html>
<head>
<title>Спецсимволы в HTML - StepkinBlog.ru</title>
</head>
<body >
<p>Основы HTML </p>
<html>
<head>
<title> </title>
</head>
<body >
</body>
</html>
</body>
</html>

Строка №7-№13 браузером проигнорируеться.

Но если вы замените скобки  < тег > на спецсимволы, то все заработает.

Вот пример:


<html>
<head>
<title>Спецсимволы в HTML - StepkinBlog.ru</title>
</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>

Результат:

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

Объяснение:
&lt; - это спецсимвол  <
&gt; - это спецсимвол  >

Если вам нужно поставить больше одного пробела между словами, вы тоже можете использовать специальный символ  &nbsp;.

Вот так это будет выглядеть в коде:


<html>
<head>
<title>Коды спецсимволов для HTML</title>
</head>
<body>
слово1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;слово2 слово3
</body>
</html>

В результате:

Я думаю, вы с этим всем разобрались.

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

Выводятся спецсимволы очень просто. Смотрите в таблицу специальных символов, которая находится снизу, копируете и вставляете между тегами <body> </body> в нужное вам место.
Вот, например, нужен вам значок копирайта ©. Спецсимвол в HTML будет выглядеть вот так:

&copy;

В HTML-документе это будет так:


<html>
<head>
<title>Коды спецсимволов для HTML</title>
</head>
<body>
Все права защищены &copy; 2012-2015.
</body>
</html>

В результате вы увидите:

Все права защищены © 2012-2015.

Теперь попробуйте вывести какой-либо спецсимвол самостоятельно, пользуясь таблицей.

Таблица спецсимволов в HTML

Символ Числовой код Имя символа Описание
" &#34; &quot; знак кавычки
' &#39; &apos; апостроф
& &#38; &amp; амперсанд
< &#60; &lt; знак меньше
> &#62; &gt; знак больше
&#160; &nbsp; пробел
¡ &#161; &iexcl; перевернутый восклицательный знак
¢ &#162; &cent; цент
£ &#163; &pound; фунт
¤ &#164; &curren; валюты
¥ &#165; &yen; йен
¦ &#166; &brvbar; сломанная вертикальная черта
§ &#167; &sect; секция
¨ &#168; &uml; интервал (кириллица)
© &#169; &copy; знак копирайта
ª &#170; &ordf; женский порядковый показатель
« &#171; &laquo; угловые кавычки (левые)
¬ &#172; &not; Отрицание выражения
® &#174; &reg; зарегистрированная торговая марка
¯ &#175; &macr; макрон интервал
° &#176; &deg; градус
± &#177; &plusmn; плюс или минус
² &#178; &sup2; верхний индекс 2
³ &#179; &sup3; верхний индекс 3
´ &#180; &acute; острый интервал
µ &#181; &micro; микро
&#182; &para; параграф
· &#183; &middot; средняя точка
¸ &#184; &cedil; интервал седиль
¹ &#185; &sup1; верхний индекс 1
º &#186; &ordm; мужской порядковый показатель
» &#187; &raquo; угловые кавычки (правые)
¼ &#188; &frac14; 1/4 часть
½ &#189; &frac12; 1/2 часть
¾ &#190; &frac34; 3/4 части
¿ &#191; &iquest; перевернутый знак вопроса
× &#215; &times; умножение
÷ &#247; &divide; деление
Œ &#338; &OElig; лигатура прописная OE
œ &#339; &oelig; строчная лигатура oe
Š &#352; &Scaron; S с короной
š &#353; &scaron; строчная S с короной
Ÿ &#376; &Yuml; прописная Y с диадемой
ƒ &#402; &fnof; f с крюком
ˆ &#710; &circ; дикриатический акцент
˜ &#732; &tilde; маленькая тильда
&#8211; &ndash; тире
&#8212; &mdash; длинное тире
&#8216; &lsquo; левая одиночная кавычка
&#8217; &rsquo; правая одиночная кавычка
&#8218; &sbquo; нижняя одиночная кавычка
&#8220; &ldquo; левые двойные кавычки
&#8221; &rdquo; правые двойные кавычки
&#8222; &bdquo; нижние двойные кавычки
&#8224; &dagger; кинжал
&#8225; &Dagger; двойной кинжал
&#8226; &bull; пуля
&#8230; &hellip; горизонтальное многоточие
&#8240; &permil; промилле (тысячные доли)
&#8242; &prime; минуты
&#8243; &Prime; секунды
&#8249; &lsaquo; одиночная левая угловая кавычка
&#8250; &rsaquo; одиночная правая угловая кавычка
&#8254; &oline; надчеркивание
&#8364; &euro; евро
&#8482; или &#153; &trade; торговая марка
&#8592; &larr; стрелка влево
&#8593; &uarr; стрелка вверх
&#8594; &rarr; стрелка вправо
&#8595; &darr; стрелка вниз
&#8596; &harr; двухсторонняя стрелка
&#8629; &crarr; стрелка возврата каретки
&#8968; &lceil; левый верхний угол
&#8969; &rceil; правый верхний угол
&#8970; &lfloor; левый нижний угол
&#8971; &rfloor; правый нижний угол
&#9674; &loz; ромб
&#9824; &spades; пики
&#9827; &clubs; крести
&#9829; &hearts; черви
&#9830; &diams; буби

Математические символы, поддерживаемые в HTML

Символ Числовой код Имя символа Описание
&#8704; &forall; для любых, для всех
&#8706; &part; часть
&#8707; &exist; существует
&#8709; &empty; пустой
&#8711; &nabla; оператор Гамильтона ("набла")
&#8712; &isin; принадлежит к множеству
&#8713; &notin; не принадлежит к множеству
&#8715; &ni; или
&#8719; &prod; произведение
&#8721; &sum; сумма
&#8722; &minus; минус
&#8727; &lowast; умножение или оператор сопряженный к
× &#215; &times знак умножения
&#8730; &radic; квадратный корень
&#8733; &prop; пропорциональность
&#8734; &infin; бесконечность
&#8736; &ang; угол
&#8743; &and; и
&#8744; &or; или
&#8745; &cap; пересечение
&#8746; &cup; объединение
&#8747; &int; интеграл
&#8756; &there4; поэтому
&#8764; &sim; подобно
&#8773; &cong; сравнимо
&#8776; &asymp; приблизительно равно
&#8800; &ne; не равно
&#8801; &equiv; идентично
&#8804; &le; меньше или равно
&#8805; &ge; больше или равно
&#8834; &sub; подмножество
&#8835; &sup; надмножестов
&#8836; &nsub; не подмножество
&#8838; &sube; подмножество
&#8839; &supe; надмножество
&#8853; &oplus; прямая сумма
&#8855; &otimes; тензерное произведение
&#8869; &perp; перпендикуляр
&#8901; &sdot; оператор точка

 

Предыдущая запись
Форматирование текста в HTML. Основы HTML для начинающих. Урок №3 Следующая запись
Как вставить картинку в HTML. Основы HTML для начинающих. Урок №5

Специальные символы HTML (special characters)

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

Специальные символы (special characters), они же символы-мнемоники, являются конструкциями стандартного обобщённого языка разметки (Standard Generalized Markup Language – SGML), которые ссылаются на символы из набора символов документа (да, всё очень ясно и понятно О_о – прим.ред.).

Иными словами, каждому специальному символу дано краткое английское имя (либо числовой код в десятичной или шестнадцатеричной системе), которое записывается между амперсандом (&) и точкой с запятой (;), и будучи выводимыми в браузер, записи предстают нам в виде необходимого символа. Так, например, можно вывести в браузер > и <, которые используются для указания тегов.

Special character’сов существую очень много и приводить их все нет смысла, однако большинтсво самых использованных приведены в таблице ниже. Надеюсь, что табличка всегда будет полезна, чтобы вспомнить какой-нибудь символ. Все символы я специально разделил на категории, поэтому пользование табличкой должно быть довольно удобным.

Вид

Имя

Код

Описание

 

&nbsp;

&#160;

неразрывный пробел

'

 

&#39;

апостроф

§

&sect;

&#167;

параграф

&

&amp;

&#38;

амперсанд

<

&lt;

&#60;

знак 'меньше'

>

&gt;

&#62;

знак 'больше'

¡

&iexcl;

&#161;

перевернутый восклицательный знак

¿

&iquest;

&#191;

перевернутый вопросительный знак

¦

&brvbar;

&#166;

разорванная вертикальная черта

§

&sect;

&#167;

параграф

¨

&uml;

&#168;

две точки (умляут)

ª

&ordf;

&#170;

порядковый индикатор (женский род)

º

&ordm;

&#186;

порядковый индикатор (мужской род)

«

&laquo;

&#171;

левая двойная угловая скобка

»

&raquo;

&#187;

правая двойная угловая скобка

¬

&not;

&#172;

знак отрицания

­

&shy;

&#173;

место возможного переноса

©

&copy;

&#169;

знак охраны авторского права

®

&reg;

&#174;

"зарегистрированный товарный знак"

&trade;

&#8482;

"товарный знак"

¯

&macr;

&#175;

верхняя горизонтальная черта

°

&deg;

&#176;

градус

¹

&sup1;

&#185;

верхний индекс 'один'

²

&sup2;

&#178;

"в квадрате"

³

&sup3;

&#179;

"в кубе"

¼

&frac14;

&#188;

одна четвертая

½

&frac12;

&#189;

одна вторая

 

&#8531;

одна треть

¾

&frac34;

&#190;

три четвертых

µ

&micro;

&#181;

микро

&para;

&#182;

символ параграфа

·

&middot;

&#183;

точка

¸

&cedil;

&#184;

седиль (орфографический знак)

 

&#8224

латинский крест

 

&#8225

двойной крест

 

&#8240;

знак промилле

&bull;

&#8226;

маркер списка

&hellip;

&#8230;

многоточие

&prime;

&#8242;

одиночный штрих - минуты

&Prime;

&#8243;

двойной штрих - секунды

&oline;

&#8254;

верхняя черта

&frasl;

&#8260;

косая дробная черта

´

&acute;

&#180;

знак ударения

ˆ

&circ;

&#710;

диакритический знак над гласной

˜

&tilde;

&#732;

тильда

 

&#8470;

знак номера

ƒ

&fnof;

&#402;

знак функции

&loz;

&#9674;

ромб

Общая пунктуация

Вид

Имя

Код

Описание

"

&quot;

&#34;

двойная кавычка

&ndash;

&#8211;

тире

&mdash;

&#8212;

длинное тире

&lsquo;

&#8216;

левая одиночная кавычка

&rsquo;

&#8217;

правая одиночная кавычка

&sbquo;

&#8218;

нижняя одиночная кавычка

&ldquo;

&#8220;

левая двойная кавычка

&rdquo;

&#8221;

правая двойная кавычка

&bdquo;

&#8222;

нижняя двойная кавычка

Денежные символы

Вид

Имя

Код

Описание

¢

&cent;

&#162;

цент

$

 

&#36;

доллар

£

&pound;

&#163;

фунт стерлингов

¤

&curren;

&#164;

денежная единица

¥

&yen;

&#165;

иена или юань

&euro;

&#8364;

евро

Греческие буквы

Вид

Имя

Код

Описание

Α

&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;

строчная омега

ϑ

&thetasy;

&#977;

символьная тета

ϒ

&upsih;

&#978;

ипсилон с хвостиком

ϖ

&piv;

&#982;

символ пи

Математические операции

Вид

Имя

Код

Описание

×

&times;

&#215;

знак умножения

÷

&divide;

&#247;

знак деления

±

&plusmn;

&#177;

плюс-минус

&forall;

&#8704;

для всех

&part;

&#8706;

частичный дифференциал

&exist;

&#8707;

существует

&empty;

&#8709;

пустой набор = диаметр

&nabla;

&#8711;

оператор набла = backward difference

&isin;

&#8712;

элемент из

&notin;

&#8713;

не элемент из

&ni;

&#8715;

содержит как член

&prod;

&#8719;

n-ary product = знак произведения

&sum;

&#8721;

n-ary sumation

&minus;

&#8722;

минус

&lowast;

&#8727;

оператор звёздочка

&radic;

&#8730;

квадратный корень = radical sign

&prop;

&#8733;

пропорционально к

&infin;

&#8734;

бесконечность

&ang;

&#8736;

угол

&and;

&#8743;

логическое И = wedge

&or;

&#8744;

логическое ИЛИ = vee

&cap;

&#8745;

пересечение = cap

&cup;

&#8746;

объединение = cup

&int;

&#8747;

интеграл

&there4;

&#8756;

следовательно

&sim;

&#8764;

оператор тильда = varies with = подобно

&cong;

&#8773;

приблизительно равен

&asymp;

&#8776;

почти равно = asymptotic to

&ne;

&#8800;

не равно

&equiv;

&#8801;

идентично

&le;

&#8804;

меньше или равно

&ge;

&#8805;

больше или равно

&sub;

&#8834;

подмножество

&sup;

&#8835;

включает в себя

&nsub;

&#8836;

не включает в себя

&sube;

&#8838;

подмножество или эквивалентно

&supe;

&#8839;

включает в себя или эквивалентно

&oplus;

&#8853;

плюс в круге = прямая сумма

&otimes;

&#8855;

умножение в круге = векторное произведение

&perp;

&#8869;

перпендикулярно

&sdot;

&#8901;

оператор точка

Буквоподобные символы

Вид

Имя

Код

Описание

&weierp;

&#8472;

рукописная заглавная P = power set = Weierstrass p

&image;

&#8465;

чёрная заглавная I = мнимая часть

&real;

&#8476;

чёрная заглавная R = вещественная часть

&alefsym;

&#8501;

буква Алеф - кардинальное число

Латинские буквы

Вид

Имя

Код

Описание

À

&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 с двумя точками

Ø

&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 с двумя точками

ø

&oslash;

&#248;

строчная O со штрихом

ù

&ugrave;

&#249;

строчная U с тупым ударением

ú

&uacute;

&#250;

строчная U с острым ударением

û

&ucirc;

&#251;

строчная U с диакритическим знаком

ü

&uuml;

&#252;

строчная U с двумя точками

ý

&yacute;

&#253;

строчная Y с острым ударением

þ

&thorn;

&#254;

строчная thorn

ÿ

&yuml;

&#255;

строчная Y с двумя точками

Стрелки

Вид

Имя

Код

Описание

&larr;

&#8592;

стрелка влево

&uarr;

&#8593;

стрелка вверх

&rarr;

&#8594;

стрелка вправо

&darr;

&#8595;

стрелка вниз

&harr;

&#8596;

стрелка влево-вправо

 

&#9668;

влево

 

&#9650;

вверх

 

&#9658;

вправо

 

&#9660;

вниз

&crarr;

&#8629;

вниз с углом вправо = возврат каретки

&lArr;

&#8656;

двойная стрелка влево

&uArr;

&#8657;

двойная вверх

&rArr;

&#8658;

двойная вправо

&dArr;

&#8659;

двойная вниз

&hArr;

&#8660;

двойная влево-вправо

Масти

Вид

Имя

Код

Описание

&spades;

&#9824;

знак масти 'пики'

&clubs;

&#9827;

знак масти 'трефы'

&hearts;

&#9829;

знак масти 'червы'

&diams;

&#9830;

знак масти 'бубны'

Различные технические

Вид

Имя

Код

Описание

&lceil;

&#8968;

левая скобка округления вверх = apl upstile

&rceil;

&#8969;

правая скобка округления вверх

&lfloor;

&#8970;

левая скобка округления вниз = apl downstile

&rfloor;

&#8971;

правая скобка округления вниз

&lang;

&#9001;

угловая скобка влево = бра

&rang;

&#9002;

угловая скобка вправо = кет

html

Понравилась статья или журнал? Подписывайся на продолжение!

Похожие записи:

Спецсимволы в HTML — Как создать сайт

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

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

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

Специальный символ в HTML, можно указать двумя способами:
1. С помощью его именного кода,
2. С помощью его числового кода в Юникод формате.

Давайте рассмотрим некоторые специальные символы HTML.

Финансовые и юридические спецсимволы HTML

Вид Именной код Числовой код Описание
&euro; &#8364; Евро
£ &pound; &#163; Британский фунт стерлингов
¥ &yen; &#165; Иена
¢ &cent; &#162; Цент
¤ &curren; &#164; Валюта
© &copy; &#169; Охрана авторского права
® &reg; &#174; Правовая охрана товарного знака
&trade; &#8482; Товарный знак

Перед именным кодом специального символа, ставят знак амперсанд &. Перед числовым кодом специального символа, ставят знак амперсанд & и решётку #.

Карточные спецсимволы HTML

Вид Именной код Числовой код Описание
&spades; &#9824; Пики
&clubs; &#9827; Трефы
&hearts; &#9829; Червы
&diams; &#9830; Бубны

Прочие спецсимволы HTML

Вид Именной код Числовой код Описание
& &amp; &#38; Амперсанд
¡ &iexcl; &#161; Перевёрнутый восклицательный знак
§ &sect; &#167; Символ параграфа
  &nbsp; &#160; Неразрывный пробел
« &laquo; &#171; Левая двойная угловая кавычка
» &raquo; &#187; Правая двойная угловая кавычка
° &deg; &#176; Градус
± &plusmn; &#177; Плюс минус
½ &frac12; &#189; Дробь: одна вторая
' &apos; &#39; Одинарная кавычка
" &quot; &#34; Двойная кавычка

В этой статье о спецсимволах HTML, собрана лишь небольшая подборка кодов HTML, на самом деле их гораздо больше.

Спецсимволы HTML также имеют и другие названия — мнемоники HTML, сущности HTML.

Пример использования спецсимволов в HTML, например давайте разместим знак копирайта, перед именем сайта, код будет следующим:


    &copy; gabdrahimov.ru

В браузере будет выглядеть так: © gabdrahimov.ru


Дата публикации поста: 5 февраля 2016

Дата обновления поста: 16 октября 2014


Навигация по записям

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

Вы здесь: Главная - HTML - HTML Основы - Спецсимволы в HTML

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

Очень часто при написании кода HTML приходится выводить спецсимволы. Например, при написании статей для этого сайта, мне часто приходится писать, например, "<html>". Как вывести данный тег? Разумеется, если Вы в HTML-коде просто напишите "<html>", то браузер будет его интерпретировать как системный. Как поступить в данной ситуации? Ответ на этот вопрос находится в этой статье.

Я Вам покажу далеко не все спецсимволы в HTML, так как их достаточно много, а вот самые основные в таблице ниже:

Вид символаИмя символа
©copy
®reg
trade
infin
>gt
<lt
&amp
euro
§sect

А теперь разберём один простой пример на использование спецсимволов в HTML. Например, выведем вот такой код:

<p>
  <span>Текст</span>
</p>

HTML-код, необходимый для того, чтобы вывести текст выше:

&lt;p&gt;<br>&nbsp;&nbsp; &lt;span&gt;Текст&lt;/span&gt;<br>&lt;/p&gt;

Если вдруг, кто забыл или не знает, то "&nbsp;" - это обычный пробел (тоже спецсимвол). Просто ввиду того, что все теги, кроме (<pre>) вырезают лишние пробелы, то для вывода 2-х и более подряд идущих пробелов необходимо использовать эту сущность. Как можно понять из примера, для вывода спецсимвола необходимо соблюдать следующий синтаксис:

&имя_символа;

Если Вам потребуются ещё какие-нибудь символы, то можете поискать в Интернете, а самые основные я Вам уже дал.

  • Спецсимволы в HTML Создано 17.12.2010 15:05:00
  • Спецсимволы в HTML Михаил Русаков
Предыдущая статья Следующая статья

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:
    <a href="https://myrusakov.ru" target="_blank"><img src="https://myrusakov.ru/images/button.gif" alt="Как создать свой сайт" /></a>

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:
    <a href="https://myrusakov.ru" target="_blank">Как создать свой сайт</a>

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):
    [URL="https://myrusakov.ru"]Как создать свой сайт[/URL]

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

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