"Черный цвет - это скучно" - скажете вы, и я с вами соглашусь. Давайте возьмем наш пример из Урока 2 и попробуем сделать его повеселее :). В файле index.html напишите следующее:
<html>
<body bgcolor=blue text=yellow>
<H1>Здравствуй, мир!</H1>
</body>
</html>
Запускаем и видим вот что:
Мы добавили к тегу <body> 2 аттрибута - bgcolor и text. И присвоили им значения blue и yellow соответственно.
Таким образом, мы сказали браузеру, что цвет фона нашей странички должен быть
синим, а цвет текста - желтым. Вообще у <body> есть еще много разных
аттрибутов, но мы поговорим о них попозже.
Если, например, мы бы хотели, чтобы текст на нашей страничке отображался
красным цветом, то мы бы присвоили аттрибуту text значение red.
И получилось бы:
<body bgcolor=blue text=red>
Теперь, наверное, пора привести таблицу названий цветов, которые понимает
браузер, что я и делаю:
|
|
Название |
|
Цвет |
|
Название |
|
Цвет |
|
|
|
AliceBlue |
|
|
|
AntiqueWhite |
|
|
|
|
|
Aqua |
|
|
|
Aquamarine |
|
|
|
|
|
Azure |
|
|
|
Beige |
|
|
|
|
|
Bisque |
|
|
|
Black |
|
|
|
|
|
BlanchedAlmond |
|
|
|
Blue |
|
|
|
|
|
BlueViolet |
|
|
|
Brown |
|
|
|
|
|
BurlyWood |
|
|
|
CadetBlue |
|
|
|
|
|
Chartreuse |
|
|
|
Chocolate |
|
|
|
|
|
Coral |
|
|
|
CornflowerBlue |
|
|
|
|
|
Cornsilk |
|
|
|
Crimson |
|
|
|
|
|
Cyan |
|
|
|
DarkBlue |
|
|
|
|
|
DarkCyan |
|
|
|
DarkGoldenRod |
|
|
|
|
|
DarkGray |
|
|
|
DarkGreen |
|
|
|
|
|
DarkKhaki |
|
|
|
DarkMagenta |
|
|
|
|
|
DarkOliveGreen |
|
|
|
Darkorange |
|
|
|
|
|
DarkOrchid |
|
|
|
DarkRed |
|
|
|
|
|
DarkSalmon |
|
|
|
DarkSeaGreen |
|
|
|
|
|
DarkSlateBlue |
|
|
|
DarkSlateGray |
|
|
|
|
|
DarkTurquoise |
|
|
|
DarkViolet |
|
|
|
|
|
DeepPink |
|
|
|
DeepSkyBlue |
|
|
|
|
|
DimGray |
|
|
|
DodgerBlue |
|
|
|
|
|
Feldspar |
|
|
|
FireBrick |
|
|
|
|
|
FloralWhite |
|
|
|
ForestGreen |
|
|
|
|
|
Fuchsia |
|
|
|
Gainsboro |
|
|
|
|
|
GhostWhite |
|
|
|
Gold |
|
|
|
|
|
GoldenRod |
|
|
|
Gray |
|
|
|
|
|
Green |
|
|
|
GreenYellow |
|
|
|
|
|
HoneyDew |
|
|
|
HotPink |
|
|
|
|
|
IndianRed |
|
|
|
Indigo |
|
|
|
|
|
Ivory |
|
|
|
Khaki |
|
|
|
|
|
Lavender |
|
|
|
LavenderBlush |
|
|
|
|
|
LawnGreen |
|
|
|
LemonChiffon |
|
|
|
|
|
LightBlue |
|
|
|
LightCoral |
|
|
|
|
|
LightCyan |
|
|
|
LightGoldenRodYellow |
|
|
|
|
|
LightGrey |
|
|
|
LightGreen |
|
|
|
|
|
LightPink |
|
|
|
LightSalmon |
|
|
|
|
|
LightSeaGreen |
|
|
|
LightSkyBlue |
|
|
|
|
|
LightSlateBlue |
|
|
|
LightSlateGray |
|
|
|
|
|
LightSteelBlue |
|
|
|
LightYellow |
|
|
|
|
|
Lime |
|
|
|
LimeGreen |
|
|
|
|
|
Linen |
|
|
|
Magenta |
|
|
|
|
|
Maroon |
|
|
|
MediumAquaMarine |
|
|
|
|
|
MediumBlue |
|
|
|
MediumOrchid |
|
|
|
|
|
MediumPurple |
|
|
|
MediumSeaGreen |
|
|
|
|
|
MediumSlateBlue |
|
|
|
MediumSpringGreen |
|
|
|
|
|
MediumTurquoise |
|
|
|
MediumVioletRed |
|
|
|
|
|
MidnightBlue |
|
|
|
MintCream |
|
|
|
|
|
MistyRose |
|
|
|
Moccasin |
|
|
|
|
|
NavajoWhite |
|
|
|
Navy |
|
|
|
|
|
OldLace |
|
|
|
Olive |
|
|
|
|
|
OliveDrab |
|
|
|
Orange |
|
|
|
|
|
OrangeRed |
|
|
|
Orchid |
|
|
|
|
|
PaleGoldenRod |
|
|
|
PaleGreen |
|
|
|
|
|
PaleTurquoise |
|
|
|
PaleVioletRed |
|
|
|
|
|
PapayaWhip |
|
|
|
PeachPuff |
|
|
|
|
|
Peru |
|
|
|
Pink |
|
|
|
|
|
Plum |
|
|
|
PowderBlue |
|
|
|
|
|
Purple |
|
|
|
Red |
|
|
|
|
|
RosyBrown |
|
|
|
RoyalBlue |
|
|
|
|
|
SaddleBrown |
|
|
|
Salmon |
|
|
|
|
|
SandyBrown |
|
|
|
SeaGreen |
|
|
|
|
|
SeaShell |
|
|
|
Sienna |
|
|
|
|
|
Silver |
|
|
|
SkyBlue |
|
|
|
|
|
SlateBlue |
|
|
|
SlateGray |
|
|
|
|
|
Snow |
|
|
|
SpringGreen |
|
|
|
|
|
SteelBlue |
|
|
|
Tan |
|
|
|
|
|
Teal |
|
|
|
Thistle |
|
|
|
|
|
Tomato |
|
|
|
Turquoise |
|
|
|
|
|
Violet |
|
|
|
VioletRed |
|
|
|
|
|
Wheat |
|
|
|
White |
|
|
|
|
|
WhiteSmoke |
|
|
|
Yellow |
|
|
|
|
|
YellowGreen |
|
|
|
|
|
|
|
|
1. У тега <body> есть аттрибуты bgcolor и text.
2. Значение аттрибута bgcolor определяет цвет фона страницы.
3. Значение аттрибута text определяет цвет текста страницы.
4. Аттрибутам bgcolor и text можно присваивать значения из таблицы названий цветов.
1. Попробуйте сделать цвет фона страницы черным, а текст - зеленым.
2. Попробуйте, что получится, если использовать аттрибут bgcolor, но не использовать аттрибут text.
|