Цвета HTML для WEB-документа

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

Html цвета представляют собой сочетание латинских цифр и букв в количестве шести знаков в строгой последовательности. Весь доступный спектр цветов и их значений прописан в специальных таблицах цветов html , которые при желании можно достаточно легко найти и просмотреть. К примеру, красный цвет в html версии имеет значение CC0000.

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

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

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

 

Теперь страница выглядит более симпатично и привлекает внимание необычным цветом.

Можно приступать к изменению цвета самого текста, который мы сделаем красным, для чего мы пропишем цвета текста html в теге <body>. Это должно выглядеть следующим образом:

После чего вставляем получившийся код в исходный документ:

 

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

 

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

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

Сперва прописываем цвет для всего нашего текста:

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

 

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

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

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

 

Обратите внимание, что во втором абзаце мы не прописали цвет и он у нас принял цвет, который мы прописывали для всего текста.

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

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

Опубликовать в Google Buzz
Опубликовать в Google Plus
Опубликовать в LiveJournal
Опубликовать в Мой Мир
Опубликовать в Одноклассники

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

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

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