Цвета html

Согласитесь, что наша страничка получается какая-то невзрачная и не весёлая и посетитель вряд ли на ней задержится надолго. Хотя, если на ней расположена интересная и уникальная информация, то наплыв посетителей ни сколько не уменьшится, а следовательно увеличится ваш заработок в интернете. И так, наша с Вами задача сделать Вашу страничку более привлекательной с помощью различных цветов и оттенков html.

html цвета для окрашивания страниц содержат шестизначное значение латинских букв и цифр. Например: CC0000 обозначает красный цвет. Существует специальная таблица цветов html, где собрана палитра всех доступных цветов HTML.

Давайте создадим фон нашей странички. Создать цвет фона html нам поможет атрибут bgcolor . Он прописывается в теге цвета <body> . Допустим, цвет фона будет зелёный — 66CC99. В HTML это будет выглядеть так:

<body bgcolor=»#66CC99″> .

Обратите внимание, что значению цвета html обязательно должен предшествовать значок «решетка» — # и само значение цвета пишется обязательно в кавычках. Теперь вставим исходный код в наш код HTML. А для того, чтобы не путаться, уберём пока не нужные теги из нашего контекста.

<html>
<head>
<title>Животный мир нашего края.</title>
</head>
<body bgcolor="#66CC99">
<div align="center">
<H1>Животные, обитающие в нашей области.</H1>
<H2>Животные леса.</H2>
<br>
 <p align="justify"><font face="Garamond,  Arial, Verdana">
Животный мир нашего края достаточно разнообразен и 
представлен беспозвоночными и позвоночными животными 
различных классов, отрядов и видов.</font></p>
 <p align="justify"><font face="Garamond,  Arial, Verdana">
На территории области учтено 54 вида млекопитающих. 
На территорииобласти обитает 200-250 видов птиц; 163 вида 
из них гнездятся на территории области, восемь видов 
встречаются только в зимнее время, 60 - во время пролета 
и сезонных миграций; 16 видов птиц области занесены в 
Красные книги бывшего СССР и РСФСР.</font></p>
 <p align="justify"><font face="Garamond,  Arial, Verdana"> 
На территории области обитает 10 видов земноводных, 
шесть видов рептилий и около 3 500 видов насекомых 
(13 видов насекомых занесено в Красную книгу бывшего 
СССР и Красную книгу России). В водоемах области обитает 
38 видов рыб, из которых наиболее распространенными 
являются карп, сазан, лещ, карась, жерех и др. Самыми 
крупными рыбами водоемов области являются сом и щука.
</font></p>
</div>
</body>
</html>

посмотреть результат

Вот так, я думаю, Ваша страничка выглядит более симпатично.

Теперь займёмся текстом. Окрасим весь наш текст в красный цвет — FF0033. Для этого, нам нужно прописать цвет текста html в теге <body>. Это будет выглядеть так:

<body text=»# FF0033″>

Вставим этот код в наш документ:

<html>
<head>
<title>Животный мир нашего края.</title>
</head>
<body text="#FF0033" bgcolor="#66CC99">
<div align="center">
<H1>Животные, обитающие в нашей области.</H1>
<H2>Животные леса.</H2>
<br>
 <p align="justify"><font face="Garamond,  Arial, Verdana">
Животный мир нашего края достаточно разнообразен и 
представлен беспозвоночными и позвоночными животными 
различных классов, отрядов и видов.</font></p>
 <p align="justify"><font face="Garamond,  Arial, Verdana">
На территории области учтено 54 вида млекопитающих. 
На территорииобласти обитает 200-250 видов птиц; 163 вида 
из них гнездятся на территории области, восемь видов 
встречаются только в зимнее время, 60 - во время пролета 
и сезонных миграций; 16 видов птиц области занесены в 
Красные книги бывшего СССР и РСФСР.</font></p>
 <p align="justify"><font face="Garamond,  Arial, Verdana"> 
На территории области обитает 10 видов земноводных, 
шесть видов рептилий и около 3 500 видов насекомых 
(13 видов насекомых занесено в Красную книгу бывшего 
СССР и Красную книгу России). В водоемах области обитает 
38 видов рыб, из которых наиболее распространенными 
являются карп, сазан, лещ, карась, жерех и др. Самыми 
крупными рыбами водоемов области являются сом и щука.
</font></p>
</div>
</body>
</html>

посмотреть результат

Но это ещё не всё. Давайте выделим подзаголовок синим цветом — 0000CC. Сам текст коричневым — 633000. В этом нам поможет атрибут color, который прописывается для универсального тэга <font>. Код выглядит так:

<font color=»#0000CC»>текст</font>

Этот атрибут мы можем прописать как для всего текста, так и для каждого абзаца в отдельности. При чём, во втором случае мы можем прописать для каждого абзаца разные цвета.

Пропишем вначале цвет для всего текста.

<html>
<head>
<title>Животный мир нашего края.</title>
</head>
<body text="#FF0033" bgcolor="#66CC99">
<div align="center">
<H1>Животные, обитающие в нашей области.</H1>
<H2><font color="#0000CC">Животные леса.</font></H2>
<br> 
<font color="#633000">
 <p align="justify"><font face="Garamond,  Arial, Verdana">
Животный мир нашего края достаточно разнообразен и 
представлен беспозвоночными и позвоночными животными 
различных классов, отрядов и видов.</font></p>
 <p align="justify"><font face="Garamond,  Arial, Verdana">
На территории области учтено 54 вида млекопитающих. 
На территорииобласти обитает 200-250 видов птиц; 163 вида 
из них гнездятся на территории области, восемь видов 
встречаются только в зимнее время, 60 - во время пролета 
и сезонных миграций; 16 видов птиц области занесены в 
Красные книги бывшего СССР и РСФСР.</font></p>
 <p align="justify"><font face="Garamond,  Arial, Verdana"> 
На территории области обитает 10 видов земноводных, 
шесть видов рептилий и около 3 500 видов насекомых 
(13 видов насекомых занесено в Красную книгу бывшего 
СССР и Красную книгу России). В водоемах области обитает 
38 видов рыб, из которых наиболее распространенными 
являются карп, сазан, лещ, карась, жерех и др. Самыми 
крупными рыбами водоемов области являются сом и щука.
</font></p>
</font>
</div>
</body>
</html>

посмотреть результат

Теперь пропишем цвет для каждого абзаца в отдельности. Для наглядности зададим разные цвета.
Так как в тексте у нас уже присутствует тэг <font>, для которого мы прописывали тип шрифта, то вставляем просто атрибут color=»#633000″.

Теперь вставим его в код нашей странички.

<html>
<head>
<title>Животный мир нашего края.</title>
</head>
<body text="#FF0033" bgcolor="#66CC99">
<div align="center">
<H1>Животные, обитающие в нашей области.</H1>
<H2><font color="#0000CC">Животные леса.</font></H2>
<br>  
 <p align="justify"><font color="#633000" 
face="Garamond,  Arial, Verdana">
Животный мир нашего края достаточно разнообразен и 
представлен беспозвоночными и позвоночными животными 
различных классов, отрядов и видов.</font></p>
 <p align="justify"><font color="#99FFFF" 
face="Garamond,  Arial, Verdana">
На территории области учтено 54 вида млекопитающих. 
На территорииобласти обитает 200-250 видов птиц; 163 вида 
из них гнездятся на территории области, восемь видов 
встречаются только в зимнее время, 60 - во время пролета 
и сезонных миграций; 16 видов птиц области занесены в 
Красные книги бывшего СССР и РСФСР.</font></p>
 <p align="justify"><font color="#FFCC99" 
face="Garamond,  Arial, Verdana"> 
На территории области обитает 10 видов земноводных, 
шесть видов рептилий и около 3 500 видов насекомых 
(13 видов насекомых занесено в Красную книгу бывшего 
СССР и Красную книгу России). В водоемах области обитает 
38 видов рыб, из которых наиболее распространенными 
являются карп, сазан, лещ, карась, жерех и др. Самыми 
крупными рыбами водоемов области являются сом и щука.
</font></p>
</div>
</body>
</html>

посмотреть результат

Если цвет текста в <body> не задавать, то по умолчанию он будет черным.
В следующем разделе мы поговорим о графическом оформлении сайта.

Поделиться в соц. сетях

Цвета html
Цвета html
Цвета html
Цвета html
Цвета html
Цвета html

Оставить комментарий

http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_good.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_negative.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_whistle3.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_yes.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_cry.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_sad.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_unsure.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif 
 

Goon Каталог сайтов Рейтинг@Mail.ru Яндекс.Метрика