В следующей таблице приведены 16 названий цветов, которые были введены в HTML 3.2.
| Название цвета | Шестнадцатеричное значение | цвет | Шоу |
|---|---|---|---|
| вода | # 00ffff | демонстрация | |
| черный | # 000000 | демонстрация | |
| синий | # 0000FF | демонстрация | |
| фуксия | # FF00FF | демонстрация | |
| зеленый | # 008000 | демонстрация | |
| серый | # 808080 | демонстрация | |
| Лайм | # 00ff00 | демонстрация | |
| темно-бордовый | # 800000 | демонстрация | |
| флот | # 000080 | демонстрация | |
| оливковый | # 808000 | демонстрация | |
| пурпурный | # 800080 | демонстрация | |
| красный | # ff0000 | демонстрация | |
| Серебряный | # c0c0c0 | демонстрация | |
| чирок | # 008080 | демонстрация | |
| белый | #ffffff | демонстрация | |
| желтый | # FFFF00 | демонстрация |
Существуют и другие цвета, которые не являются частью HTML или XHTML, но поддерживаются большинством версий основных браузеров.
| Название цвета | Шестнадцатеричное значение | цвет | Шоу |
|---|---|---|---|
| aliceblue | # f0f8ff | демонстрация | |
| antiquewhite | # faebd7 | демонстрация | |
| Аквамарин | # 7fffd4 | демонстрация | |
| лазурь | # f0ffff | демонстрация | |
| бежевый | # f5f5dc | демонстрация | |
| фора | # ffe4c4 | демонстрация | |
| blanchedalmond | #ffebcd | демонстрация | |
| сине-фиолетовый | # 8a2be2 | демонстрация | |
| коричневый | # a52a2a | демонстрация | |
| burlywood | # deb887 | демонстрация | |
| cadetblue | # 5f9ea0 | демонстрация | |
| картезианский монастырь | # 7fff00 | демонстрация | |
| шоколад | # d2691e | демонстрация | |
| коралловый | # ff7f50 | демонстрация | |
| CornflowerBlue | # 6495ed | демонстрация | |
| кукурузные рыльца | # fff8dc | демонстрация | |
| малиновый | # dc143c | демонстрация | |
| циан | # 00ffff | демонстрация | |
| темно-синий | # 00008b | демонстрация | |
| darkcyan | # 008b8b | демонстрация | |
| darkgoldenrod | # b8860b | демонстрация | |
| темно-серый | # a9a9a9 | демонстрация | |
| темно-зеленый | # 006400 | демонстрация | |
| darkkhaki | # bdb76b | демонстрация | |
| darkmagenta | # 8b008b | демонстрация | |
| darkolivegreen | # 556b2f | демонстрация | |
| darkorange | # ff8c00 | демонстрация | |
| darkorchid | # 9932cc | демонстрация | |
| темно-красный | # 8b0000 | демонстрация | |
| darksalmon | # e9967a | демонстрация | |
| darkseagreen | # 8fbc8f | демонстрация | |
| darkslateblue | # 483d8b | демонстрация | |
| darkslategray | # 2f4f4f | демонстрация | |
| darkturquoise | # 00ced1 | демонстрация | |
| darkviolet | # 9400d3 | демонстрация | |
| темно-розовый | # ff1493 | демонстрация | |
| DeepSkyBlue | # 00bfff | демонстрация | |
| dimgray | # 696969 | демонстрация | |
| DodgerBlue | # 1e90ff | демонстрация | |
| огнеупорный кирпич | # b22222 | демонстрация | |
| floralwhite | # fffaf0 | демонстрация | |
| зеленый лес | # 228b22 | демонстрация | |
| Gainsboro | #dcdcdc | демонстрация | |
| ghostwhite | # f8f8ff | демонстрация | |
| золото | # ffd700 | демонстрация | |
| золотарник | # daa520 | демонстрация | |
| серый | # 808080 | демонстрация | |
| желто-зеленый | # adff2f | демонстрация | |
| нектар | # f0fff0 | демонстрация | |
| ярко-розовый | # ff69b4 | демонстрация | |
| indianred | # cd5c5c | демонстрация | |
| индиго | # 4b0082 | демонстрация | |
| цвета слоновой кости | # fffff0 | демонстрация | |
| хаки | # f0e68c | демонстрация | |
| лаванда | # e6e6fa | демонстрация | |
| lavenderblush | # fff0f5 | демонстрация | |
| lawngreen | # 7cfc00 | демонстрация | |
| lemonchiffon | #fffacd | демонстрация | |
| светло-синий | # add8e6 | демонстрация | |
| lightcoral | # f08080 | демонстрация | |
| lightcyan | # e0ffff | демонстрация | |
| lightgoldenrodyellow | # fafad2 | демонстрация | |
| светло-зеленый | # 90ee90 | демонстрация | |
| светло-серый | # d3d3d3 | демонстрация | |
| светло-розовый | # ffb6c1 | демонстрация | |
| lightsalmon | # ffa07a | демонстрация | |
| lightseagreen | # 20b2aa | демонстрация | |
| lightskyblue | # 87cefa | демонстрация | |
| lightslategray | # 778899 | демонстрация | |
| lightsteelblue | # b0c4de | демонстрация | |
| светло-желтого | # ffffe0 | демонстрация | |
| LimeGreen | # 32cd32 | демонстрация | |
| белье | # faf0e6 | демонстрация | |
| фуксин | # FF00FF | демонстрация | |
| mediumblue | # 0000cd | демонстрация | |
| mediumorchid | # ba55d3 | демонстрация | |
| mediumpurple | # 9370db | демонстрация | |
| темно-синий | # 191970 | демонстрация | |
| mistyrose | # ffe4e1 | демонстрация | |
| мокасин | # ffe4b5 | демонстрация | |
| oldlace | # fdf5e6 | демонстрация | |
| оранжевый | # ffa500 | демонстрация | |
| орхидея | # da70d6 | демонстрация | |
| Peachpuff | # ffdab9 | демонстрация | |
| Перу | # cd853f | демонстрация | |
| розовый | # ffc0cb | демонстрация | |
| слива | # dda0dd | демонстрация | |
| пурпурный | # 800080 | демонстрация | |
| rosybrown | # bc8f8f | демонстрация | |
| Королевский синий | # 4169e1 | демонстрация | |
| лосось | # fa8072 | демонстрация | |
| Sandybrown | # f4a460 | демонстрация | |
| цвет морской волны | # 2e8b57 | демонстрация | |
| охра | # a0522d | демонстрация | |
| голубое небо | # 87ceeb | демонстрация | |
| slateblue | # 6a5acd | демонстрация | |
| стальной синий | # 4682b4 | демонстрация | |
| загар | # d2b48c | демонстрация | |
| чертополох | # d8bfd8 | демонстрация | |
| помидор | # ff6347 | демонстрация | |
| Виолетта | # ee82ee | демонстрация | |
| пшеница | # f5deb3 | демонстрация | |
| белый дым | # f5f5f5 | демонстрация | |
| желтый | # FFFF00 | демонстрация | |
| желто-зеленый | # 9acd32 | демонстрация |
HTML-сущности
Некоторые символы зарезервированы в HTML, и они имеют особое значение при использовании в документе HTML. Например, вы не можете использовать знаки или угловые скобки больше и меньше в вашем HTML-тексте, потому что браузер будет обрабатывать их по-разному и попытаться нарисовать значение, связанное с тегом HTML.
Процессоры HTML должны поддерживать следующие пять специальных символов, перечисленных в следующей таблице.
| Условное обозначение | Описание | Имя сущности | Числовой код |
|---|---|---|---|
| « | кавычка | & Quot; | & # 34; |
| ‘ | апостроф | & APOS; | & # 39; |
| & | амперсант | & Амп; | & # 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 также имеется длинный список специальных символов. Чтобы они появились в вашем документе, вы можете использовать либо числовые коды, либо имена сущностей. Например, чтобы вставить символ авторского права, вы можете использовать одно из следующих: