|УРОК 3| - Играем с цветами
Вступление

"Черный цвет - это скучно" - скажете вы, и я с вами соглашусь. Давайте возьмем наш пример из Урока 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.

 
  Загрузить пример   Предыдущий урок Содержание Следующий урок
Hosted by uCoz