Опубликован: 25.10.2006 | Уровень: для всех | Доступ: платный
Лекция 8:

Фон страницы в HTML

< Лекция 7 || Лекция 8: 1234 || Лекция 9 >

Значения цветов в HTML

Цвета выводятся при смешении красного (R), зеленого (G), и синего (B) источников.

Значения цветов

Цвета HTML определяют с помощью шестнадцатеричных значений, определяющих комбинацию значений красного, зеленого и синего цветов (RGB). Наименьшее значение, которое может быть задано для источника света, равно 0 (hex #00). Наибольшее значение равно 255 (hex #FF).

Отключение красного цвета

Если полностью отключить красный цвет, то существует 65536 различных комбинаций зеленого и синего (256 x 256) цветов для экспериментов.

Включение красного цвета

Задавая для параметра красного цвета (R) максимальное значение, мы также получим 65536 различных комбинаций зеленого и синего (256 x 256) цветов для экспериментов.

16 миллионов различных цветов

Сочетание значений красного, зеленого и синего цветов от 0 до 255 дает в целом более 16 миллионов различных цветов (256 x 256 x 256).

Более современные мониторы могут выводить не менее 16384 различных цветов.

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

<html>
<body>
<table>
<tr><td width="20" bgcolor="#000000"></td><td>#000000</td><td>rgb(0,0,0)</td></tr>
<tr><td width="20" bgcolor="#080000"></td><td>#080000</td><td>rgb(8,0,0)</td></tr>
<tr><td width="20" bgcolor="#100000"></td><td>#100000</td><td>rgb(16,0,0)</td></tr>
<tr><td width="20" bgcolor="#180000"></td><td>#180000</td><td>rgb(24,0,0)</td></tr>
<tr><td width="20" bgcolor="#200000"></td><td>#200000</td><td>rgb(32,0,0)</td></tr>
<tr><td width="20" bgcolor="#280000"></td><td>#280000</td><td>rgb(40,0,0)</td></tr>
<tr><td width="20" bgcolor="#300000"></td><td>#300000</td><td>rgb(48,0,0)</td></tr>
<tr><td width="20" bgcolor="#380000"></td><td>#380000</td><td>rgb(56,0,0)</td></tr>
<tr><td width="20" bgcolor="#400000"></td><td>#400000</td><td>rgb(64,0,0)</td></tr>
<tr><td width="20" bgcolor="#480000"></td><td>#480000</td><td>rgb(72,0,0)</td></tr>
<tr><td width="20" bgcolor="#500000"></td><td>#500000</td><td>rgb(80,0,0)</td></tr>
<tr><td width="20" bgcolor="#580000"></td><td>#580000</td><td>rgb(88,0,0)</td></tr>
<tr><td width="20" bgcolor="#600000"></td><td>#600000</td><td>rgb(96,0,0)</td></tr>
<tr><td width="20" bgcolor="#680000"></td><td>#680000</td><td>rgb(104,0,0)</td></tr>
<tr><td width="20" bgcolor="#700000"></td><td>#700000</td><td>rgb(112,0,0)</td></tr>
<tr><td width="20" bgcolor="#780000"></td><td>#780000</td><td>rgb(120,0,0)</td></tr>
<tr><td width="20" bgcolor="#800000"></td><td>#800000</td><td>rgb(128,0,0)</td></tr>
<tr><td width="20" bgcolor="#880000"></td><td>#880000</td><td>rgb(136,0,0)</td></tr>
<tr><td width="20" bgcolor="#900000"></td><td>#900000</td><td>rgb(144,0,0)</td></tr>
<tr><td width="20" bgcolor="#980000"></td><td>#980000</td><td>rgb(152,0,0)</td></tr>
<tr><td width="20" bgcolor="#A00000"></td><td>#A00000</td><td>rgb(160,0,0)</td></tr>
<tr><td width="20" bgcolor="#A80000"></td><td>#A80000</td><td>rgb(168,0,0)</td></tr>
<tr><td width="20" bgcolor="#B00000"></td><td>#B00000</td><td>rgb(176,0,0)</td></tr>
<tr><td width="20" bgcolor="#B80000"></td><td>#B80000</td><td>rgb(184,0,0)</td></tr>
<tr><td width="20" bgcolor="#C00000"></td><td>#C00000</td><td>rgb(192,0,0)</td></tr>
<tr><td width="20" bgcolor="#C80000"></td><td>#C80000</td><td>rgb(200,0,0)</td></tr>
<tr><td width="20" bgcolor="#D00000"></td><td>#D00000</td><td>rgb(208,0,0)</td></tr>
<tr><td width="20" bgcolor="#D80000"></td><td>#D80000</td><td>rgb(216,0,0)</td></tr>
<tr><td width="20" bgcolor="#E00000"></td><td>#E00000</td><td>rgb(224,0,0)</td></tr>
<tr><td width="20" bgcolor="#E80000"></td><td>#E80000</td><td>rgb(232,0,0)</td></tr>
<tr><td width="20" bgcolor="#F00000"></td><td>#F00000</td><td>rgb(240,0,0)</td></tr>
<tr><td width="20" bgcolor="#F80000"></td><td>#F80000</td><td>rgb(248,0,0)</td></tr>
<tr><td width="20" bgcolor="#FF0000"></td><td>#FF0000</td><td>rgb(255,0,0)</td></tr>
</table>

</body>
</html>

Пример выполнения данного HTML-кода

Оттенки серого цвета

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

<html>
<body>
<table>
<tr><td bgcolor="#000000">&nbsp;</td><td>RGB(0,0,0)</td><td>#000000</td></tr>
<tr><td bgcolor="#080808">&nbsp;</td><td>RGB(8,8,8)</td><td>#080808</td></tr>
<tr><td bgcolor="#101010">&nbsp;</td><td>RGB(16,16,16)</td><td>#101010</td></tr>
<tr><td bgcolor="#181818">&nbsp;</td><td>RGB(24,24,24)</td><td>#181818</td></tr>
<tr><td bgcolor="#202020">&nbsp;</td><td>RGB(32,32,32)</td><td>#202020</td></tr>
<tr><td bgcolor="#282828">&nbsp;</td><td>RGB(40,40,40)</td><td>#282828</td></tr>
<tr><td bgcolor="#303030">&nbsp;</td><td>RGB(48,48,48)</td><td>#303030</td></tr>
<tr><td bgcolor="#383838">&nbsp;</td><td>RGB(56,56,56)</td><td>#383838</td></tr>
<tr><td bgcolor="#404040">&nbsp;</td><td>RGB(64,64,64)</td><td>#404040</td></tr>
<tr><td bgcolor="#484848">&nbsp;</td><td>RGB(72,72,72)</td><td>#484848</td></tr>
<tr><td bgcolor="#505050">&nbsp;</td><td>RGB(80,80,80)</td><td>#505050</td></tr>
<tr><td bgcolor="#585858">&nbsp;</td><td>RGB(88,88,88)</td><td>#585858</td></tr>
<tr><td bgcolor="#606060">&nbsp;</td><td>RGB(96,96,96)</td><td>#606060</td></tr>
<tr><td bgcolor="#686868">&nbsp;</td><td>RGB(104,104,104)</td><td>#686868</td></tr>
<tr><td bgcolor="#707070">&nbsp;</td><td>RGB(112,112,112)</td><td>#707070</td></tr>
<tr><td bgcolor="#787878">&nbsp;</td><td>RGB(120,120,120)</td><td>#787878</td></tr>
<tr><td bgcolor="#808080">&nbsp;</td><td>RGB(128,128,128)</td><td>#808080</td></tr>
<tr><td bgcolor="#888888">&nbsp;</td><td>RGB(136,136,136)</td><td>#888888</td></tr>
<tr><td bgcolor="#909090">&nbsp;</td><td>RGB(144,144,144)</td><td>#909090</td></tr>
<tr><td bgcolor="#989898">&nbsp;</td><td>RGB(152,152,152)</td><td>#989898</td></tr>
<tr><td bgcolor="#A0A0A0">&nbsp;</td><td>RGB(160,160,160)</td><td>#A0A0A0</td></tr>
<tr><td bgcolor="#A8A8A8">&nbsp;</td><td>RGB(168,168,168)</td><td>#A8A8A8</td></tr>
<tr><td bgcolor="#B0B0B0">&nbsp;</td><td>RGB(176,176,176)</td><td>#B0B0B0</td></tr>
<tr><td bgcolor="#B8B8B8">&nbsp;</td><td>RGB(184,184,184)</td><td>#B8B8B8</td></tr>
<tr><td bgcolor="#C0C0C0">&nbsp;</td><td>RGB(192,192,192)</td><td>#C0C0C0</td></tr>
<tr><td bgcolor="#C8C8C8">&nbsp;</td><td>RGB(200,200,200)</td><td>#C8C8C8</td></tr>
<tr><td bgcolor="#D0D0D0">&nbsp;</td><td>RGB(208,208,208)</td><td>#D0D0D0</td></tr>
<tr><td bgcolor="#D8D8D8">&nbsp;</td><td>RGB(216,216,216)</td><td>#D8D8D8</td></tr>
<tr><td bgcolor="#E0E0E0">&nbsp;</td><td>RGB(224,224,224)</td><td>#E0E0E0</td></tr>
<tr><td bgcolor="#E8E8E8">&nbsp;</td><td>RGB(232,232,232)</td><td>#E8E8E8</td></tr>
<tr><td bgcolor="#F0F0F0">&nbsp;</td><td>RGB(240,240,240)</td><td>#F0F0F0</td></tr>
<tr><td bgcolor="#F8F8F8">&nbsp;</td><td>RGB(248,248,248)</td><td>#F8F8F8</td></tr>
<tr><td bgcolor="#FFFFFF">&nbsp;</td><td>RGB(255,255,255)</td><td>#FFFFFF</td></tr>
</table>
</body>
</html>

Пример выполнения данного HTML-кода

Названия цветов в HTML

Здесь представлена таблица имен цветов, которые поддерживаются большинством браузеров.

Примечание: Стандарт HTML 4.0 консорциума W3C поддерживает только 16 имен цветов (aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow). Для всех остальных цветов необходимо использовать HEX (шестнадцатеричное) значение цвета.

<html>
<body>
<table>
<tr><th>Название цвета</th><th>HEX цвета</th><th>Цвет</th></tr>
<tr><td>AliceBlue  (бледно-голубой)</td><td>#F0F8FF</td><td bgcolor="#F0F8FF">&nbsp;</td></tr>
<tr><td>AntiqueWhite (античный белый)</td><td>#FAEBD7</td><td bgcolor="#FAEBD7">&nbsp;</td></tr>
<tr><td>Aqua (голубой)</td><td>#00FFFF</td><td bgcolor="#00FFFF">&nbsp;</td></tr>
<tr><td>Aquamarine (аквамарин)</td><td>#7FFFD4</td><td bgcolor="#7FFFD4">&nbsp;</td></tr>
<tr><td>Azure (лазурный)</td><td>#F0FFFF</td><td bgcolor="#F0FFFF">&nbsp;</td></tr>
<tr><td>Beige (беж)</td><td>#F5F5DC</td><td bgcolor="#F5F5DC">&nbsp;</td></tr>
<tr><td>Bisque (бисквитный)</td><td>#FFE4C4</td><td bgcolor="#FFE4C4">&nbsp;</td></tr>
<tr><td>Black (черный)</td><td>#000000</td><td bgcolor="#000000">&nbsp;</td></tr>
<tr><td>BlanchedAlmond (светло-кремовый)</td><td>#FFEBCD</td><td bgcolor="#FFEBCD">&nbsp;</td></tr>
<tr><td>Blue (синий)</td><td>#0000FF</td><td bgcolor="#0000FF">&nbsp;</td></tr>
<tr><td>BlueViolet (сине-фиолетовый)</td><td>#8A2BE2</td><td bgcolor="#8A2BE2">&nbsp;</td></tr>
<tr><td>Brown (коричневый)</td><td>#A52A2A</td><td bgcolor="#A52A2A">&nbsp;</td></tr>
<tr><td>BurlyWood (старое дерево)</td><td>#DEB887</td><td bgcolor="#DEB887">&nbsp;</td></tr>
<tr><td>CadetBlue (серо-голубой)</td><td>#5F9EA0</td><td bgcolor="#5F9EA0">&nbsp;</td></tr>
<tr><td>Chartreuse (зеленовато-желтый)</td><td>#7FFF00</td><td bgcolor="#7FFF00">&nbsp;</td></tr>
<tr><td>Chocolate (шоколадный)</td><td>#D2691E</td><td bgcolor="#D2691E">&nbsp;</td></tr>
<tr><td>Coral (коралловый)</td><td>#FF7F50</td><td bgcolor="#FF7F50">&nbsp;</td></tr>
<tr><td>CornflowerBlue  (васильковый)</td><td>#6495ED</td><td bgcolor="#6495ED">&nbsp;</td></tr>
<tr><td>Cornsilk (кукурузные рыльца)</td><td>#FFF8DC</td><td bgcolor="#FFF8DC">&nbsp;</td></tr>
<tr><td>Crimson (малиновый)</td><td>#DC143C</td><td bgcolor="#DC143C">&nbsp;</td></tr>
<tr><td>Cyan (светло-голубой)</td><td>#00FFFF</td><td bgcolor="#00FFFF">&nbsp;</td></tr>
<tr><td>DarkBlue (темно-синий)</td><td>#00008B</td><td bgcolor="#00008B">&nbsp;</td></tr>
<tr><td>DarkCyan (темно-голубой)</td><td>#008B8B</td><td bgcolor="#008B8B">&nbsp;</td></tr>
<tr><td>DarkGoldenRod (темно-золотисто-коричневый)</td><td>#B8860B</td><td bgcolor="#B8860B">&nbsp;</td></tr>
<tr><td>DarkGray (темно-серый)</td><td>#A9A9A9</td><td bgcolor="#A9A9A9">&nbsp;</td></tr>
<tr><td>DarkGreen (темно-зеленый)</td><td>#006400</td><td bgcolor="#006400">&nbsp;</td></tr>
<tr><td>DarkKhaki (темный хаки)</td><td>#BDB76B</td><td bgcolor="#BDB76B">&nbsp;</td></tr>
<tr><td>DarkMagenta (темно-пурпурный)</td><td>#8B008B</td><td bgcolor="#8B008B">&nbsp;</td></tr>
<tr><td>DarkOliveGreen (темно-оливково-зеленый)</td><td>#556B2F</td><td bgcolor="#556B2F">&nbsp;</td></tr>
<tr><td>Darkorange (темно-оранжевый)</td><td>#FF8C00</td><td bgcolor="#FF8C00">&nbsp;</td></tr>
<tr><td>DarkOrchid (темно-лиловый)</td><td>#9932CC</td><td bgcolor="#9932CC">&nbsp;</td></tr>
<tr><td>DarkRed (темно-красный)</td><td>#8B0000</td><td bgcolor="#8B0000">&nbsp;</td></tr>
<tr><td>DarkSalmon (темно-оранжево-розовый)</td><td>#E9967A</td><td bgcolor="#E9967A">&nbsp;</td></tr>
<tr><td>DarkSeaGreen (темно-зеленое море)</td><td>#8FBC8F</td><td bgcolor="#8FBC8F">&nbsp;</td></tr>
<tr><td>DarkSlateBlue (темный серовато-синий)</td><td>#483D8B</td><td bgcolor="#483D8B">&nbsp;</td></tr>
<tr><td>DarkSlateGray (темный синевато-серый)</td><td>#2F4F4F</td><td bgcolor="#2F4F4F">&nbsp;</td></tr>
<tr><td>DarkTurquoise (темно-бирюзовый)</td><td>#00CED1</td><td bgcolor="#00CED1">&nbsp;</td></tr>
<tr><td>DarkViolet (темно-фиолетовый)</td><td>#9400D3</td><td bgcolor="#9400D3">&nbsp;</td></tr>
<tr><td>DeepPink (темно-розовый)</td><td>#FF1493</td><td bgcolor="#FF1493">&nbsp;</td></tr>
<tr><td>DeepSkyBlue (темно-небесно-голубой)</td><td>#00BFFF</td><td bgcolor="#00BFFF">&nbsp;</td></tr>
<tr><td>DimGray (тускло-серый)</td><td>#696969</td><td bgcolor="#696969">&nbsp;</td></tr>
<tr><td>DodgerBlue (тускло-васильковый)</td><td>#1E90FF</td><td bgcolor="#1E90FF">&nbsp;</td></tr>
<tr><td>Feldspar (полевой шпат)</td><td>#D19275</td><td bgcolor="#D19275">&nbsp;</td></tr>
<tr><td>FireBrick (огнеупорный кирпич)</td><td>#B22222</td><td bgcolor="#B22222">&nbsp;</td></tr>
<tr><td>FloralWhite (цветочно-белый)</td><td>#FFFAF0</td><td bgcolor="#FFFAF0">&nbsp;</td></tr>
<tr><td>ForestGreen (лесная зелень)</td><td>#228B22</td><td bgcolor="#228B22">&nbsp;</td></tr>
<tr><td>Fuchsia (фуксия)</td><td>#FF00FF</td><td bgcolor="#FF00FF">&nbsp;</td></tr>
<tr><td>Gainsboro (светло-серый)</td><td>#DCDCDC</td><td bgcolor="#DCDCDC">&nbsp;</td></tr>
<tr><td>GhostWhite (туманно-белый)</td><td>#F8F8FF</td><td bgcolor="#F8F8FF">&nbsp;</td></tr>
<tr><td>Gold (золотой)</td><td>#FFD700</td><td bgcolor="#FFD700">&nbsp;</td></tr>
<tr><td>GoldenRod (золотисто-коричневый)</td><td>#DAA520</td><td bgcolor="#DAA520">&nbsp;</td></tr>
<tr><td>Gray (серый)</td><td>#808080</td><td bgcolor="#808080">&nbsp;</td></tr>
<tr><td>Green (зеленый)</td><td>#008000</td><td bgcolor="#008000">&nbsp;</td></tr>
<tr><td>GreenYellow (зелено-желтый)</td><td>#ADFF2F</td><td bgcolor="#ADFF2F">&nbsp;</td></tr>
<tr><td>HoneyDew (медовая роса)</td><td>#F0FFF0</td><td bgcolor="#F0FFF0">&nbsp;</td></tr>
<tr><td>HotPink (ярко-розовый)</td><td>#FF69B4</td><td bgcolor="#FF69B4">&nbsp;</td></tr>
<tr><td>IndianRed  (индийский-красный)</td><td>#CD5C5C</td><td bgcolor="#CD5C5C">&nbsp;</td></tr>
<tr><td>Indigo  (индиго)</td><td>#4B0082</td><td bgcolor="#4B0082">&nbsp;</td></tr>
<tr><td>Ivory (слоновая кость)</td><td>#FFFFF0</td><td bgcolor="#FFFFF0">&nbsp;</td></tr>
<tr><td>Khaki</td><td>(хаки)</td><td bgcolor="(хаки)">&nbsp;</td></tr>
<tr><td>Lavender (бледно-лиловый)</td><td>#E6E6FA</td><td bgcolor="#E6E6FA">&nbsp;</td></tr>
<tr><td>LavenderBlush (бледный розово-лиловый)</td><td>#FFF0F5</td><td bgcolor="#FFF0F5">&nbsp;</td></tr>
<tr><td>LawnGreen (зеленая трава)</td><td>#7CFC00</td><td bgcolor="#7CFC00">&nbsp;</td></tr>
<tr><td>LemonChiffon (лимонный)</td><td>#FFFACD</td><td bgcolor="#FFFACD">&nbsp;</td></tr>
<tr><td>LightBlue (светло-синий)</td><td>#ADD8E6</td><td bgcolor="#ADD8E6">&nbsp;</td></tr>
<tr><td>LightCoral (светло-коралловый)</td><td>#F08080</td><td bgcolor="#F08080">&nbsp;</td></tr>
<tr><td>LightCyan (светло-светло-голубой)</td><td>#E0FFFF</td><td bgcolor="#E0FFFF">&nbsp;</td></tr>
<tr><td>LightGoldenRodYellow (светлый коричнево-желтый)</td><td>#FAFAD2</td><td bgcolor="#FAFAD2">&nbsp;</td></tr>
<tr><td>LightGrey (светло-серый)</td><td>#D3D3D3</td><td bgcolor="#D3D3D3">&nbsp;</td></tr>
<tr><td>LightGreen (светло-зеленый)</td><td>#90EE90</td><td bgcolor="#90EE90">&nbsp;</td></tr>
<tr><td>LightPink (светло-розовый)</td><td>#FFB6C1</td><td bgcolor="#FFB6C1">&nbsp;</td></tr>
<tr><td>LightSalmon (светлый оранжево-розовый)</td><td>#FFA07A</td><td bgcolor="#FFA07A">&nbsp;</td></tr>
<tr><td>LightSeaGreen (светло-зеленое море)</td><td>#20B2AA</td><td bgcolor="#20B2AA">&nbsp;</td></tr>
<tr><td>LightSkyBlue (светло-небесно-голубой)</td><td>#87CEFA</td><td bgcolor="#87CEFA">&nbsp;</td></tr>
<tr><td>LightSlateBlue (светлый серовато-синий)</td><td>#8470FF</td><td bgcolor="#8470FF">&nbsp;</td></tr>
<tr><td>LightSlateGray (светлый синевато-серый)</td><td>#778899</td><td bgcolor="#778899">&nbsp;</td></tr>
<tr><td>LightSteelBlue (светлый голубовато стальной)</td><td>#B0C4DE</td><td bgcolor="#B0C4DE">&nbsp;</td></tr>
<tr><td>LightYellow (светло-желтый)</td><td>#FFFFE0</td><td bgcolor="#FFFFE0">&nbsp;</td></tr>
<tr><td>Lime (лайм)</td><td>#00FF00</td><td bgcolor="#00FF00">&nbsp;</td></tr>
<tr><td>LimeGreen (зеленый лайм)</td><td>#32CD32</td><td bgcolor="#32CD32">&nbsp;</td></tr>
<tr><td>Linen (льняной)</td><td>#FAF0E6</td><td bgcolor="#FAF0E6">&nbsp;</td></tr>
<tr><td>Magenta (пурпурный)</td><td>#FF00FF</td><td bgcolor="#FF00FF">&nbsp;</td></tr>
<tr><td>Maroon (каштановый)</td><td>#800000</td><td bgcolor="#800000">&nbsp;</td></tr>
<tr><td>MediumAquaMarine (умеренно аквамариновый)</td><td>#66CDAA</td><td bgcolor="#66CDAA">&nbsp;</td></tr>
<tr><td>MediumBlue (умеренно синий)</td><td>#0000CD</td><td bgcolor="#0000CD">&nbsp;</td></tr>
<tr><td>MediumOrchid (умеренно лиловый)</td><td>#BA55D3</td><td bgcolor="#BA55D3">&nbsp;</td></tr>
<tr><td>MediumPurple (умеренно пурпурный)</td><td>#9370D8</td><td bgcolor="#9370D8">&nbsp;</td></tr>
<tr><td>MediumSeaGreen (умеренно-зеленое море)</td><td>#3CB371</td><td bgcolor="#3CB371">&nbsp;</td></tr>
<tr><td>MediumSlateBlue (умеренно серовато-синий)</td><td>#7B68EE</td><td bgcolor="#7B68EE">&nbsp;</td></tr>
<tr><td>MediumSpringGreen (умеренная весенняя зелень)</td><td>#00FA9A</td><td bgcolor="#00FA9A">&nbsp;</td></tr>
<tr><td>MediumTurquoise (умеренно-бирюзовый)</td><td>#48D1CC</td><td bgcolor="#48D1CC">&nbsp;</td></tr>
<tr><td>MediumVioletRed (умеренно фиолетово красный)</td><td>#C71585</td><td bgcolor="#C71585">&nbsp;</td></tr>
<tr><td>MidnightBlue (ночной синий)</td><td>#191970</td><td bgcolor="#191970">&nbsp;</td></tr>
<tr><td>MintCream (мятно-кремовый)</td><td>#F5FFFA</td><td bgcolor="#F5FFFA">&nbsp;</td></tr>
<tr><td>MistyRose (туманно-розовый)</td><td>#FFE4E1</td><td bgcolor="#FFE4E1">&nbsp;</td></tr>
<tr><td>Moccasin (песочный)</td><td></td><td bgcolor="">&nbsp;</td></tr>
<tr><td>NavajoWhite (темно-песочный)</td><td>#FFDEAD</td><td bgcolor="#FFDEAD">&nbsp;</td></tr>
<tr><td>Navy (темно-синий)</td><td>#000080</td><td bgcolor="#000080">&nbsp;</td></tr>
<tr><td>OldLace (старые кружева)</td><td>#FDF5E6</td><td bgcolor="#FDF5E6">&nbsp;</td></tr>
<tr><td>Olive (оливковый)</td><td>#808000</td><td bgcolor="#808000">&nbsp;</td></tr>
<tr><td>OliveDrab (тускло-оливковый)</td><td>#6B8E23</td><td bgcolor="#6B8E23">&nbsp;</td></tr>
<tr><td>Orange (оранжевый)</td><td>#FFA500</td><td bgcolor="#FFA500">&nbsp;</td></tr>
<tr><td>OrangeRed (оранжево-красный)</td><td>#FF4500</td><td bgcolor="#FF4500">&nbsp;</td></tr>
<tr><td>Orchid (лиловый)</td><td>#DA70D6</td><td bgcolor="#DA70D6">&nbsp;</td></tr>
<tr><td>PaleGoldenRod (бледно-золотисто-коричневый)</td><td>#EEE8AA</td><td bgcolor="#EEE8AA">&nbsp;</td></tr>
<tr><td>PaleGreen (бледно-зеленый)</td><td>#98FB98</td><td bgcolor="#98FB98">&nbsp;</td></tr>
<tr><td>PaleTurquoise (бледно-голубой)</td><td></td><td bgcolor="">&nbsp;</td></tr>
<tr><td>PaleVioletRed (бледно-фиолетово-красный)</td><td>#D87093</td><td bgcolor="#D87093">&nbsp;</td></tr>
<tr><td>PapayaWhip (дыни)</td><td>#FFEFD5</td><td bgcolor="#FFEFD5">&nbsp;</td></tr>
<tr><td>PeachPuff (персиковый)</td><td>#FFDAB9</td><td bgcolor="#FFDAB9">&nbsp;</td></tr>
<tr><td>Peru (коричневый)</td><td>#CD853F</td><td bgcolor="#CD853F">&nbsp;</td></tr>
<tr><td>Pink (розовый)</td><td>#FFC0CB</td><td bgcolor="#FFC0CB">&nbsp;</td></tr>
<tr><td>Plum (сливовый)</td><td>#DDA0DD</td><td bgcolor="#DDA0DD">&nbsp;</td></tr>
<tr><td>PowderBlue (туманно-голубой)</td><td>#B0E0E6</td><td bgcolor="#B0E0E6">&nbsp;</td></tr>
<tr><td>Purple</td><td>(пурпурный)</td><td bgcolor="(пурпурный)">&nbsp;</td></tr>
<tr><td>Red  (красный)</td><td>#FF0000</td><td bgcolor="#FF0000">&nbsp;</td></tr>
<tr><td>RosyBrown (розово-коричневый)</td><td>#BC8F8F</td><td bgcolor="#BC8F8F">&nbsp;</td></tr>
<tr><td>RoyalBlue (ярко-синий)</td><td>#4169E1</td><td bgcolor="#4169E1">&nbsp;</td></tr>
<tr><td>SaddleBrown (старая кожа)</td><td>#8B4513</td><td bgcolor="#8B4513">&nbsp;</td></tr>
<tr><td>Salmon (оранжево-розовый)</td><td>#FA8072</td><td bgcolor="#FA8072">&nbsp;</td></tr>
<tr><td>SandyBrown (песочно-коричневый)</td><td>#F4A460</td><td bgcolor="#F4A460">&nbsp;</td></tr>
<tr><td>SeaGreen (зеленое море)</td><td>#2E8B57</td><td bgcolor="#2E8B57">&nbsp;</td></tr>
<tr><td>SeaShell (морская ракушка)</td><td>#FFF5EE</td><td bgcolor="#FFF5EE">&nbsp;</td></tr>
<tr><td>Sienna</td><td>(охра)</td><td bgcolor="(охра)">&nbsp;</td></tr>
<tr><td>Silver (свето-серый)</td><td>#C0C0C0</td><td bgcolor="#C0C0C0">&nbsp;</td></tr>
<tr><td>SkyBlue (небесно-голубой)</td><td>#87CEEB</td><td bgcolor="#87CEEB">&nbsp;</td></tr>
<tr><td>SlateBlue (серовато-синий)</td><td>#6A5ACD</td><td bgcolor="#6A5ACD">&nbsp;</td></tr>
<tr><td>SlateGray (синевато-серый)</td><td>#708090</td><td bgcolor="#708090">&nbsp;</td></tr>
<tr><td>Snow (снежный)</td><td>#FFFAFA</td><td bgcolor="#FFFAFA">&nbsp;</td></tr>
<tr><td>SpringGreen (весенняя зелень)</td><td>#00FF7F</td><td bgcolor="#00FF7F">&nbsp;</td></tr>
<tr><td>SteelBlue (сине-стальной)</td><td>#4682B4</td><td bgcolor="#4682B4">&nbsp;</td></tr>
<tr><td>Tan (бронзы)</td><td>#D2B48C</td><td bgcolor="#D2B48C">&nbsp;</td></tr>
<tr><td>Teal (сине-зеленый)</td><td>#008080</td><td bgcolor="#008080">&nbsp;</td></tr>
<tr><td>Thistle (чертополох)</td><td>#D8BFD8</td><td bgcolor="#D8BFD8">&nbsp;</td></tr>
<tr><td>Tomato (томат)</td><td>#FF6347</td><td bgcolor="#FF6347">&nbsp;</td></tr>
<tr><td>Turquoise (бирюзовый)</td><td>#40E0D0</td><td bgcolor="#40E0D0">&nbsp;</td></tr>
<tr><td>Violet</td><td>(фиолетовый)</td><td bgcolor="(фиолетовый)">&nbsp;</td></tr>
<tr><td>VioletRed (фиолетово-красный)</td><td>#D02090</td><td bgcolor="#D02090">&nbsp;</td></tr>
<tr><td>Wheat</td><td>(пшеничный)</td><td bgcolor="(пшеничный)">&nbsp;</td></tr>
<tr><td>White (белый)</td><td>#FFFFFF</td><td bgcolor="#FFFFFF">&nbsp;</td></tr>
<tr><td>WhiteSmoke (белый дым)</td><td>#F5F5F5</td><td bgcolor="#F5F5F5">&nbsp;</td></tr>
<tr><td>Yellow (желтый)</td><td>#FFFF00</td><td bgcolor="#FFFF00">&nbsp;</td></tr>
<tr><td>YellowGreen (желто-зеленый)</td><td>#9ACD32</td><td bgcolor="#9ACD32">&nbsp;</td></tr>
</table>
</body>
</html>

Пример выполнения данного HTML-кода

< Лекция 7 || Лекция 8: 1234 || Лекция 9 >
Анна Королёва
Анна Королёва

Пожалуйста, уточните, кто автор курса Основы работы с HTML ?

Федор Антонов
Федор Антонов

Здравствуйте!

Записался на ваш курс, но не понимаю как произвести оплату.

Надо ли писать заявление и, если да, то куда отправлять?

как я получу диплом о профессиональной переподготовке?

Данила Некрасов
Данила Некрасов
Россия, Пермь, ПНИПУ
Сергей Федоров
Сергей Федоров
Россия