HTML - названия цветов
В следующей таблице показаны 16 названий цветов, которые были введены в HTML 3.2.
| Название цвета | Шестнадцатеричное значение | цвет | Показать |
|---|---|---|---|
| аква | # 00ffff | Демо | |
| черный | # 000000 | Демо | |
| синий | # 0000ff | Демо | |
| фуксия | # ff00ff | Демо | |
| зеленый | # 008000 | Демо | |
| серый | # 808080 | Демо | |
| Лайм | # 00ff00 | Демо | |
| бордовый | # 800000 | Демо | |
| флот | # 000080 | Демо | |
| оливковый | # 808000 | Демо | |
| фиолетовый | # 800080 | Демо | |
| красный | # ff0000 | Демо | |
| Серебряный | # c0c0c0 | Демо | |
| бирюзовый | # 008080 | Демо | |
| белый | #ffffff | Демо | |
| желтый | # ffff00 | Демо |
Существуют и другие цвета, которые не являются частью HTML или XHTML, но они поддерживаются большинством версий основных браузеров.
| Название цвета | Шестнадцатеричное значение | цвет | Показать |
|---|---|---|---|
| алиса синий | # f0f8ff | Демо | |
| античный | # faebd7 | Демо | |
| Аквамарин | # 7fffd4 | Демо | |
| лазурный | # f0ffff | Демо | |
| бежевый | # f5f5dc | Демо | |
| бисквит | # ffe4c4 | Демо | |
| бланшированный миндаль | #ffebcd | Демо | |
| сине-фиолетовый | # 8a2be2 | Демо | |
| коричневый | # a52a2a | Демо | |
| Burlywood | # deb887 | Демо | |
| кадетсиний | # 5f9ea0 | Демо | |
| шартрез | # 7fff00 | Демо | |
| шоколад | # d2691e | Демо | |
| коралл | # ff7f50 | Демо | |
| васильковый | # 6495ed | Демо | |
| кукурузные рыльца | # fff8dc | Демо | |
| малиновый цвет | # dc143c | Демо | |
| голубой | # 00ffff | Демо | |
| темно-синий | # 00008b | Демо | |
| темно-синий | # 008b8b | Демо | |
| темный | # b8860b | Демо | |
| темно-серый | # a9a9a9 | Демо | |
| темно-зеленый | # 006400 | Демо | |
| даркхаки | # bdb76b | Демо | |
| темно-пурпурный | # 8b008b | Демо | |
| темно-оливковый | # 556b2f | Демо | |
| темно-оранжевый | # ff8c00 | Демо | |
| Darkorchid | # 9932cc | Демо | |
| темно-красный | # 8b0000 | Демо | |
| темный лосось | # e9967a | Демо | |
| темно-зеленый | # 8fbc8f | Демо | |
| темно-синий | # 483d8b | Демо | |
| темно-серый | # 2f4f4f | Демо | |
| темно-бирюзовый | # 00ced1 | Демо | |
| темно-фиолетовый | # 9400d3 | Демо | |
| темно-розовый | # ff1493 | Демо | |
| темно-синий | # 00bfff | Демо | |
| тусклый | # 696969 | Демо | |
| голубой | # 1e90ff | Демо | |
| огнеупорный кирпич | # b22222 | Демо | |
| цветочный белый | # fffaf0 | Демо | |
| зеленый лес | # 228b22 | Демо | |
| Gainsboro | #dcdcdc | Демо | |
| призрачный | # f8f8ff | Демо | |
| золото | # ffd700 | Демо | |
| золотарник | # daa520 | Демо | |
| серый | # 808080 | Демо | |
| желто-зеленый | # adff2f | Демо | |
| нектар | # f0fff0 | Демо | |
| ярко-розовый | # ff69b4 | Демо | |
| индийский | # cd5c5c | Демо | |
| индиго | # 4b0082 | Демо | |
| слоновая кость | # fffff0 | Демо | |
| хаки | # f0e68c | Демо | |
| лаванда | # e6e6fa | Демо | |
| лаванда | # fff0f5 | Демо | |
| газон | # 7cfc00 | Демо | |
| лимонный шифон | #fffacd | Демо | |
| светло-синий | # add8e6 | Демо | |
| светло-коралловый | # f08080 | Демо | |
| светло-голубой | # e0ffff | Демо | |
| светзолото-желтый | # fafad2 | Демо | |
| светло-зеленый | # 90ee90 | Демо | |
| светло-серый | # d3d3d3 | Демо | |
| светло-розовый | # ffb6c1 | Демо | |
| лосось | # ffa07a | Демо | |
| свет | # 20b2aa | Демо | |
| светнебосиний | # 87cefa | Демо | |
| свет | # 778899 | Демо | |
| светстальсиний | # b0c4de | Демо | |
| светло-желтый | # ffffe0 | Демо | |
| салатовый | # 32cd32 | Демо | |
| белье | # faf0e6 | Демо | |
| пурпурный | # ff00ff | Демо | |
| средне-синий | # 0000cd | Демо | |
| среднеорхид | # ba55d3 | Демо | |
| среднефиолетовый | # 9370db | Демо | |
| темно-синий | # 191970 | Демо | |
| туманная роза | # ffe4e1 | Демо | |
| мокасины | # ffe4b5 | Демо | |
| старое платье | # fdf5e6 | Демо | |
| апельсин | # ffa500 | Демо | |
| орхидея | # da70d6 | Демо | |
| персиковый | # ffdab9 | Демо | |
| Перу | # cd853f | Демо | |
| розовый | # ffc0cb | Демо | |
| слива | # dda0dd | Демо | |
| фиолетовый | # 800080 | Демо | |
| розово-коричневый | # bc8f8f | Демо | |
| Королевский синий | # 4169e1 | Демо | |
| лосось | # fa8072 | Демо | |
| песочно-коричневый | # f4a460 | Демо | |
| цвет морской волны | # 2e8b57 | Демо | |
| Сиена | # a0522d | Демо | |
| голубое небо | # 87ceeb | Демо | |
| сланцево-синий | # 6a5acd | Демо | |
| стальной синий | # 4682b4 | Демо | |
| загар | # d2b48c | Демо | |
| чертополох | # d8bfd8 | Демо | |
| помидор | # ff6347 | Демо | |
| Виолетта | # ee82ee | Демо | |
| пшеница | # f5deb3 | Демо | |
| белый дым | # f5f5f5 | Демо | |
| желтый | # ffff00 | Демо | |
| желто-зеленый | # 9acd32 | Демо |
HTML-объекты
Некоторые символы зарезервированы в HTML и имеют особое значение при использовании в документе HTML. Например, вы не можете использовать знаки больше и меньше или угловые скобки в тексте HTML, потому что браузер будет обрабатывать их по-разному и попытается нарисовать значение, связанное с тегом HTML.
Процессоры HTML должны поддерживать следующие пять специальных символов, перечисленных в следующей таблице.
| Условное обозначение | Описание | Имя сущности | Код номера |
|---|---|---|---|
| " | кавычка | & quot; | & # 34; |
| ' | апостроф | & апос; | & # 39; |
| & | амперсанд | & amp; | & # 38; |
| < | меньше, чем | & lt; | & # 60; |
| > | лучше чем | & gt; | & # 62; |
пример
Если вы хотите написать <div id = "character"> в качестве кода, вам нужно будет написать следующее:
<!DOCTYPE html>
<html>
<head>
<title>HTML Entities</title>
</head>
<body>
<div id = "character">
</body>
</html>
Это даст следующий результат -
В HTML 4.0 также есть длинный список специальных символов. Чтобы они отображались в вашем документе, вы можете использовать либо числовые коды, либо имена объектов. Например, чтобы вставить символ авторского права, вы можете использовать любое из следующего:
© 2007
or
© 2007
ISO 8859-1 Объекты символов
| Результат | Описание | Имя сущности | Код номера |
|---|---|---|---|
| неразрывное пространство | & nbsp; | & # 160; | |
| ¡ | перевернутый восклицательный знак | & iexcl; | & # 161; |
| ¤ | валюта | & Curren; | & # 164; |
| ¢ | цент | & cent; | & # 162; |
| £ | фунт | & фунт; | & # 163; |
| ¥ | иена | и иена; | & # 165; |
| ¦ | сломанная вертикальная полоса | & brvbar; | & # 166; |
| § | раздел | & sect; | & # 167; |
| ¨ | интервал диэрезиса | & uml; | & # 168; |
| © | авторское право | & копировать; | & # 169; |
| ª | женский порядковый указатель | & ordf; | & # 170; |
| « | угловая кавычка (слева) | & laquo; | & # 171; |
| ¬ | отрицание | &не; | & # 172; |
| | мягкий дефис | &застенчивый; | & # 173; |
| ® | зарегистрированная торговая марка | & reg; | & # 174; |
| ™ | товарный знак | &сделка; | & # 8482; |
| ¯ | интервал макрон | & macr; | & # 175; |
| ° | степень | & deg; | & # 176; |
| ± | плюс-минус | & plusmn; | & # 177; |
| ² | верхний индекс 2 | & sup2; | & # 178; |
| ³ | верхний индекс 3 | & sup3; | & # 179; |
| ´ | интервал острый | & острый; | & # 180; |
| µ | микро | &микро; | & # 181; |
| ¶ | пункт | & пара; | & # 182; |
| · | средняя точка | & middot; | & # 183; |
| ¸ | интервал седиль | & cedil; | & # 184; |
| ¹ | верхний индекс 1 | & sup1; | & # 185; |
| º | мужской порядковый показатель | & ordm; | & # 186; |
| » | угловая кавычка (справа) | & raquo; | & # 187; |
| ¼ | дробь 1/4 | & frac14; | & # 188; |
| ½ | фракция 1/2 | & frac12; | & # 189; |
| ¾ | фракция 3/4 | & frac34; | & # 190; |
| ¿ | перевернутый вопросительный знак | & iquest; | & # 191; |
| × | умножение | & раз; | & # 215; |
| ÷ | деление | &делить; | & # 247; |
ISO 8859-1 Символьные сущности
| Результат | Описание | Имя сущности | Код номера |
|---|---|---|---|
| А | заглавная а, серьезный ударение | &Могила; | & # 192; |
| Á | заглавная а, острый ударение | & Острый; | & # 193; |
| Â | заглавная а, ударение с циркумфлексом | & Acirc; | & # 194; |
| Ã | заглавная а, тильда | & Атилде; | & # 195; |
| Ä | заглавная буква а, знак умляута | & Аумл; | & # 196; |
| Å | заглавная а, кольцо | &Кольцо; | & # 197; |
| Æ | заглавная буква ae | & AElig; | & # 198; |
| Ç | заглавная c, седиль | & Ccedil; | & # 199; |
| È | заглавная е, серьезный ударение | & Эгрейв; | & # 200; |
| É | заглавная е, острый ударение | & Eacute; | & # 201; |
| Ê | заглавная е, ударение с циркумфлексом | & Ecirc; | & # 202; |
| Ë | заглавная е, знак умляута | & Euml; | & # 203; |
| Я | заглавная i, серьезный ударение | & Игрейв; | & # 204; |
| Я | заглавная i с острым ударением | & Iacute; | & # 205; |
| Я | заглавная i, ударение с циркумфлексом | & Icirc; | & # 206; |
| Я | заглавная буква i, знак умляута | & Iuml; | & # 207; |
| Ð | капитал eth, исландский | & ETH; | & # 208; |
| Ñ | заглавная п, тильда | & Ntilde; | & # 209; |
| Ò | заглавная o, серьезный ударение | & Огрейв; | & # 210; |
| Ó | заглавная o, острый ударение | & Острый; | & # 211; |
| Ô | заглавная o, ударение с циркумфлексом | & Ocirc; | & # 212; |
| Õ | заглавная o, тильда | & Otilde; | & # 213; |
| Ö | заглавная o, знак умляута | & Ouml; | & # 214; |
| Ø | заглавная o, косая черта | & Ослаш; | & # 216; |
| Ù | заглавная u, серьезный ударение | & Юграва; | & # 217; |
| Ú | заглавная u, острый ударение | & Uacute; | & # 218; |
| Û | заглавная u, ударение с циркумфлексом | & Ucirc; | & # 219; |
| Ü | заглавная буква u, знак умляута | & Уумл; | & # 220; |
| Ý | заглавная y, острый ударение | & Якутский; | & # 221; |
| Þ | заглавная буква THORN, исландская | & THORN; | & # 222; |
| ß | small sharp s, немецкий | & szlig; | & # 223; |
| à | маленький а, серьезный акцент | &могила; | & # 224; |
| á | маленький а, острый акцент | & острый; | & # 225; |
| â | маленький a, с циркумфлексом ударение | & acirc; | & # 226; |
| ã | маленькая а, тильда | & atilde; | & # 227; |
| ä | маленький а, знак умляута | & Аумл; | & # 228; |
| å | маленький а, кольцо | &кольцо; | & # 229; |
| æ | маленький ae | & aelig; | & # 230; |
| ç | маленькая c, седиль | & ccedil; | & # 231; |
| è | строчная е, серьезный ударение | & egrave; | & # 232; |
| é | маленькая е, острый ударение | & eacute; | & # 233; |
| ê | строчная буква е, ударение с циркумфлексом | & ecirc; | & # 234; |
| ë | строчная буква е, умляут | & euml; | & # 235; |
| я | маленький я, серьезный акцент | & igrave; | & # 236; |
| я | маленький я, острый ударение | & iacute; | & # 237; |
| я | строчный i, ударение с циркумфлексом | & icirc; | & # 238; |
| я | маленький я, знак умляута | & iuml; | & # 239; |
| ð | small eth, исландский | & eth; | & # 240; |
| ñ | строчная буква n, тильда | & ntilde; | & # 241; |
| ò | строчная o, серьезный ударение | & ograve; | & # 242; |
| ó | строчная o, острый ударение | & oacute; | & # 243; |
| ô | строчная o, ударение с циркумфлексом | & ocirc; | & # 244; |
| х | маленькая o, тильда | & otilde; | & # 245; |
| ö | строчная о, знак умляута | & ouml; | & # 246; |
| ø | маленькая o, косая черта | & oslash; | & # 248; |
| ù | маленький u, серьезный акцент | & ugrave; | & # 249; |
| ú | маленькая u, острый акцент | & uacute; | & # 250; |
| û | строчная буква U, с циркумфлексом | & ucirc; | & # 251; |
| ü | маленький u, умляут марка | & uuml; | & # 252; |
| ý | маленький y, острый ударение | & yacute; | & # 253; |
| þ | маленький шип, исландский | & шип; | & # 254; |
| ÿ | маленький y, знак умляута | & yuml; | & # 255; |
Другие объекты, поддерживаемые браузерами HTML
| Результат | Описание | Имя сущности | Код номера |
|---|---|---|---|
| Œ | заглавная лигатура OE | & OElig; | & # 338; |
| œ | малая лигатура oe | & oelig; | & # 339; |
| Š | заглавная S с кароном | И Скарон; | & # 352; |
| š | маленькая S с кароном | & scaron; | & # 353; |
| Ÿ | заглавная Y с тремой | & Yuml; | & # 376; |
| ˆ | модификатор буквы с циркумфлексом ударение | & circ; | & # 710; |
| ˜ | маленькая тильда | & тильда; | & # 732; |
| en space | & Ensp; | & # 8194; | |
| em пробел | & emsp; | & # 8195; | |
| тонкое пространство | & thinsp; | & # 8201; | |
| | без стыковки с нулевой шириной | & zwnj; | & # 8204; |
| | соединитель нулевой ширины | & zwj; | & # 8205; |
| Взаимодействие с другими людьми | знак слева направо | & lrm; | & # 8206; |
| Взаимодействие с другими людьми | знак справа налево | & rlm; | & # 8207; |
| - | в тире | & ndash; | & # 8211; |
| - | em dash | & mdash; | & # 8212; |
| ' | левая одинарная кавычка | & lsquo; | & # 8216; |
| ' | правая одинарная кавычка | & rsquo; | & # 8217; |
| ‚ | одинарная низкая кавычка | & sbquo; | & # 8218; |
| « | левая двойная кавычка | & ldquo; | & # 8220; |
| ” | правая двойная кавычка | & rdquo; | & # 8221; |
| „ | двойные низкие кавычки | & bdquo; | & # 8222; |
| † | кинжал | &кинжал; | & # 8224; |
| ‡ | двойной кинжал | &Кинжал; | & # 8225; |
| … | горизонтальный многоточие | & hellip; | & # 8230; |
| ‰ | промилле | & пермил; | & # 8240; |
| ‹ | цитата с одним левым углом | & lsaquo; | & # 8249; |
| › | цитата с одним прямым углом | & rsaquo; | & # 8250; |
| € | евро | &евро; | & # 8364; |