Оставьте ваше мнение о статье

Хотите создать себе сайт в Кратчайшие сроки, но абсолютно не знаете как это делается?

Специально для Вас был создан обучающий курс по современному конструктору сайтов - Joomla!

80 видеоуроков + уникальная система обучения на практике = результат.

Новинка! Хотите Узнать о Потрясающем и Эффективным Методе Изучения Фотошопа, Не Посещая Курсы, Не Читая Самоучители?!

15 Часов Практических Уроков Записанных с Экрана Монитора с Подробными Аудио-Комментариями сделают из Вас настоящего Фотошоп-мастера!

Подробнее.. - https://disc.photoshop-master.ru/mgraphics

HTML

Цыетовая гамма документа

Условия перепечатки материалов
Статью можно обсудить на форуме!

Рейтинг статьи: 1010101010
Проголосовало 2 человека.
Оцените статью:

Глава 6. Тайное становится явным,
или Видимое действие невидимых меток

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

Если Вы читаете это Руководство на Интернет, Вы уже могли заметить, что главы Руководства и примеры несколько отличаются по цветовой гамме. Главы Руководства написаны черным по белому, а гипертекстовые ссылки выделены красным цветом. Я не знаю, как Вы видите примеры, но у меня они написаны черным по серому с выделением ссылок синим цветом.

Дело в том, что главы Руководства содержат HTML-метки, определяющие их цветовую гамму. Примеры таких меток не содержат, поэтому их цветовая гамма устанавливается браузером самостоятельно. Именно поэтому я не знаю, какие цвета Вы видите в примерах — это определяется настройкой Вашего браузера.

Цветовая гамма HTML-документа определяется атрибутами, размещенными внутри метки <BODY>. Вот список этих атрибутов:

bgcolor
Определяет цвет фона документа.
text
Определяет цвет текста документа.
link
Определяет цвет выделенного элемента текста, при нажатии на который происходит переход по гипертекстовой ссылке.
vlink
Определяет цвет ссылки на документ, который уже был просмотрен ранее.
alink
Определяет цвет ссылки в момент, когда на нее указывает курсор мыши и нажата ее правая кнопка, то есть непосредственно перед переходом по ссылке.

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

bgcolor=#FFFFFF
Цвет фона. Насыщенность красным, зеленым и синим одинакова — FF (это шестнадцатиричное представление числа 255). Результат — белый цвет.
text=#000000
Цвет текста. Насыщенность красным, зеленым и синим одинакова — 00 (ноль). Результат — черный цвет.
link=#FF0000
Цвет гипертекстовой ссылки. Насыщенность красным — FF (255), зеленым и синим — 00 (ноль). Результат — красный цвет.

Кроме того, метка <BODY> может включать атрибут background="[имя файла]", который задает изображение, служащее фоном для текста и других изображений. Как и любое другое изображение, фон должен быть представлен в формате GIF (файл с расширением *.gif) или JPEG (файл с расширением *.jpg или *.jpeg).

Браузеры заполняют множественными копиями изображения-фона все пространство окна, в котором открыт документ, подобно тому, как при строительстве большие пространства стен покрывают маленькими (и одинаковыми) плитками.

Важно отметить, что цвет фона и изображение-фон никак не отображаются на бумаге при выводе HTML-документа на печать. Из этого есть одно важное практическое следствие: старайтесь не использовать текст белого цвета.

Заголовок HTML-документа: что в нем может быть интересного?

Заголовок HTML-документа, вообще говоря, не виден пользователю при просмотре. Однако в нем есть некоторые интересные особенности, которые стоит знать.

Заголовок HTML-документа может включать неограниченное количество так называемых META-инструкций. META-инструкция — это просто способ определить некоторую переменную путем указания ее имени (атрибут NAME) и значения (атрибут CONTENT). Вот некоторые наиболее типичные META-инструкции:

<META NAME="description" CONTENT="Это руководство -
 учебник для тех, кто хочет публиковать документацию 
 любого рода  на глобальной компьютерной сети 
 Интернет">

Такая META-инструкция определяет переменную description, содержащую краткое описание документа. Многие поисковые механизмы постоянно сканируют Интернет в поисках HTML-файлов, отыскивают в них эту переменную, сохраняют ее в своих базах данных и демонстрируют ее в ответ на запросы пользователей.

<META NAME="keywords" CONTENT="Интернет, HTML, WWW,
 руководство, публикация, гипертекст">

Такая META-инструкция определяет переменную keywords, содержащую набор ключевых слов, описывающих содержание документа. На практике поиск по ключевым словам очень удобно использовать при строительстве поискового механизма, работающего в пределах одного сервера (со стороны очень похоже, что именно такой подход был использован, например, при создании сервера технической поддержки фирмы Novell, ведущего производителя операционных систем для локальных компьютерных сетей).

Другая группа META-инструкций определяет эквиваленты команд протокола передачи гипертекстов. (Не переживайте, это не так страшно, как кажется на первый взгляд!) Разберем несколько примеров:

<META HTTP-EQUIV="Content-type" 
CONTENT="text/html; charset=windows-1251">

Эта META-инструкция дает браузеру указание интерпретировать загружаемый документ как содержащий HTML-текст в кодировке Windows/1251.

<META HTTP-EQUIV="Content-type" 
CONTENT="text/html; charset=koi8-r">

Эта META-инструкция абсолютно аналогична предыдущей, только в качестве кодировки указана КОИ-8.

<META HTTP-EQUIV="Refresh" CONTENT="[время];
 URL=[документ]">

Такая META-инструкция дает браузеру примерно такое указание: "Если через [время] секунд после завершения загрузки этого документа пользователь не перейдет к другому документу, начать загрузку ресурса [документ]". Более конкретно это может выглядеть, к примеру, вот так:

<META HTTP-EQUIV="Refresh" 
CONTENT="10; URL=https://www.yi.com/home/
ChuvakhinNikolai/">

Если пользователь не предпримет никаких видимых действий в течение 10 секунд после загрузки документа, содержащего такую инструкцию, автоматически будет загружен документ https://www.yi.com/home/ChuvakhinNikolai/.

META-инструкцию Refresh можно использовать, например, если Вы перенесли некоторый документ с одного сервера на другой. Вместо копии документа на старом сервере можно оставить короткое сообщение о переносе, включающее META-инструкцию Refresh и адрес документа на новом сервере.

Если в качестве параметра [документ] подставить имя файла, содержащего звук, через [время] секунд после загрузки HTML-файла начнется загрузка и проигрывание этого звука (при условии, конечно, что браузер пользователя поддерживает формат этого звукового файла). Очень удобно для всякого рода приветственных речей.

Пример

В отличие от всех примеров, которые мы рассматривали ранее, пример 9 состоит не из одного, а из трех файлов. Используя META-инструкцию Refresh, мы создадим небольшой слайд-фильм из трех кадров (файлов e0009.html, e0009a.html и e0009b.html), которые будут циклически повторяться. Для остановки демонстрации нужно будет воспользоваться любой из гипертекстовых ссылок.

<HTML><!--файл e0009.html --> 
<HEAD> 
<TITLE>Пример 9</TITLE> 
<META HTTP-EQUIV="Refresh" CONTENT="2;
 URL=e0009a.html"> 
</HEAD> 
<BODY bgcolor=#FFFFFF text=#000000 link=#FF0000> 
<H1>Слайд-демонстрация цветовых гамм <BR> 
с помощью META-инструкции Refresh </H1> 
<P>Черный текст на белом фоне </P> 
<P>[<A HREF="index.html">Возврат к оглавлению</A>| 
<A HREF="pr0006.html">Возврат к главе 6</A>]</P> 
</BODY> 
</HTML><!--конец файла e0009.html -->
<HTML><!--файл e0009a.html --> 
<HEAD> 
<TITLE>Пример 9a</TITLE> 
<META HTTP-EQUIV="Refresh" CONTENT="2;
 URL=e0009b.html"> 
</HEAD> 
<BODY bgcolor=#000000 text=#FFFFFF link=#FF0000> 
<H1>Слайд-демонстрация цветовых гамм <BR> 
с помощью META-инструкции Refresh </H1> 
<P>Белый текст на черном фоне </P> 
<P>[<A HREF="index.html">Возврат к оглавлению</A>| 
<A HREF="pr0006.html">Возврат к главе 6</A>]</P> 
</BODY> 
</HTML><!--конец файла e0009a.html -->
<HTML><!--файл e0009b.html --> 
<HEAD> 
<TITLE>Пример 9b</TITLE> 
<META HTTP-EQUIV="Refresh" CONTENT="2;
 URL=e0009.html"> 
</HEAD> 
<BODY bgcolor=#C0C0C0 text=#0000FF link=#FF0000> 
<H1>Слайд-демонстрация цветовых гамм <BR> 
с помощью META-инструкции Refresh </H1> 
<P>Синий текст на сером фоне </P> 
<P>[<A HREF="index.html">Возврат к оглавлению</A>| 
<A HREF="pr0006.html">Возврат к главе 6</A>]</P> 
</BODY> 
</HTML><!--конец файла e0009b.html -->

Разместил: Vulko
Опубликовано: 07.06.2004
Статья "HTML - Цыетовая гамма документа" прочтена 15863 раза.

Комментарии к статье Цыетовая гамма документа

Viagra vendita - e-mail, сайт - https://viagraprovato.webs.com/
Comment6, viagra 25 mg precio, hjdiah, viagra pharmacie en ligne, 3014, viagra 100 mg, %-O, sildenafil 100 pilules, 61441, cialis originale online, 59179, sildenafil presentaciones, erygi, prezzo viagra farmacia, zcfhnw, viagra vasodilatatore, %]]], cialis farmacia senza ricetta, :], viagra prezzi in farmacia, 295, cialis da 5, 319181, viagra online forum, 8-(((, cialis 5 mg posologia, 3227, viagra 50mg, ngpi, viagra cardiopatici, yjog, sildenafil sin receta, 8-((,

Levitra 20 mg prezzo - e-mail, сайт - https://www.mobipocket.com/forum/viewtopic.php?p=348981
Comment5, kamagra 100 mg, 8[[[, viagra infarto, =-OOO, sildenafil cuanto cuesta, 8D, comprim? cialis, rpettq, tadalafil panorama, uszzjn, cialis senza ricetta, 96537, viagra da 50, 5821, cialis discount, %O, sildenafil medizin, 87167, cialis et levitra, =OO, sildenafil tabletten, %-DD, viagra vendita on line, ysxl, cialis daily, 8-DD, viagra fatto in casa, 6235, viagrande farfalle, >:-]],

Cialis action - e-mail, сайт - https://about.me/CialisSurInternet
Comment1, tadalafil 20 milligrams, 117115, cialis generico en espa?a, jpxjf, cialis 5 mg generico, 621120, viagra buenos aires, %(((, viagra 50 mg pfizer, vkdws, viagra cialis comparaison, 305, viagra uk, %)), generique cialis cialis 1x20mg, >:(((, comprar cialis mexico, 183710, levitra 50 mg, =-)), comprar viagra contrareembolso en espa?a, 801977, cialis professional, 8-PP, tadalafil effetti collaterali, 1070, kamagra fast, >:-DD, cialis in farmacia, =PP, viagra vendita libera, 257282, viagra pomata, wjpksm,

Sildenafil dosaggio - e-mail, сайт - https://about.me/ViagraDopingCiclismo
Comment2, sildenafil deutschland, 243, viagra nedir, waaq, vendo viagra madrid, 23878, viagra 100mg nebenwirkungen, bzexw, sildenafil guatemala, 98543, viagra tipi, 1185, prix cialis pharmacie paris, epv, cialis da 5 mg, >:PPP, cialis pas cher, 155, sildenafil nombres comerciales, 3960, sildenafil citrate tablets, %-]]], viagra conseguenze, 432, acheter cialis en ligne, =(, tadalafil bogota, 1915, viagra video, :[, cialis finasteride, dhvz, vendo viagra chile, =-))), acheter viagra en ligne, eims, cialis au canada, =-[,

Viagra chanson - e-mail, сайт - https://viagracomparatif.webs.com/
Comment2, cialis buy online, 8]], cialis toma diaria, vqlq, cialis 10 mg quanto costa, 2147, viagra nei giovani, >:-OO, sildenafil viagra, oso, viagra vs cialis forum, mnk, levitra 2010, =))), cialis australia, adpw, kamagra 100, 0208, sildenafil de 100, 8497, tadalafil biam, fhzgw, sildenafil vardenafil y tadalafil, 195, cialis dove comprare, 8-[[[, sildenafil en mujeres, lgx, viagra naturale per donne, blwz, comprar viagra barcelona, 921, levitra barato, 8], cialis opiniones, gfd, viagra besoin ordonnance, =-PP,

Cialis coeur - e-mail, сайт - https://about.me/CialisVente
Comment5, viagra paypal, 692, cialis efectos secundarios a largo plazo, stir, viagra cialis senza ricetta, vnrb, viagra per ipertesi, aqxbr, sildenafil en bolivia, %-))), cialis efficacit?, 8-[[, levitra efectos adversos, 7572, sildenafil citrate wirkung, 8[[, cialis eccipienti, 295704, cialis dolori gambe, fpzb, comprar viagra, =DDD, viagra 100 mg filmtabl, 06679, viagra indien, :-((, sildenafil bestellen, =D, sildenafil northia, 25778, cialis dividere, 8436,

Viagra per uomini - e-mail, сайт - https://viagratraigiovani.webs.com/
Comment3, viagra en pharmacie prix, =-DD, viagra giornaliero, 936794, medicament cialis 20mg, 02126, viagra legal, rqzw, cialis al femminile, bgrfj, achat cialis forum, 42504, cialis 5 mg, ocpkzp, comprar cialis en sevilla, %]]], sildenafil, %-OO, viagra italiano, 913892, viagra emorroidi, 9810, kamagra en belgique, =-PPP, generico viagranow eu, zgy, cialis migraine, =-(, viagra quebec, gsyfdi, acquisto viagra in italia, 954, sildenafil dosis maxima, 52171,

Comprare viagra farmacia - e-mail, сайт - https://about.me/AcquistoViagraInSvizzera
Comment3, comprare cialis online, 635, levitra bayer prezzo, 9346, cialis 20 mg, 588479, sildenafil generico precio, vfw, cialis serve ricetta medica, 585136, viagra a vendre montreal, blli, cialis india, nplszj, levitra de 20 mg, 124943, viagra baja la presion, 015046, viagra comment ca marche, =-PPP, viagra scherzo, uddc, cialis dipendenza, :[[, cialis 10 mg prezzo in farmacia, zxsw, viagra argentina venta libre, 2233, viagra 100 mg prezzo, 391, online viagra now, =)), cialis commercial, 4549, levitra generico comprar, eirqk,

Viagra terapia - e-mail, сайт - https://viagrastrips.webs.com/
Comment1, cialis generico en peru, 5172, viagra naturale in erboristeria, >:[[[, levitra 20 prix, 597, viagra 50mg kaufen, htj, cialis originale online, 4950, sildenafil en neonatos, 1805, sildenafil andromaco, =]], cialis 20 mg quanto costa, :DD, cialis 20 mg costo, 49614, viagra info, 42086, comprar viagra sin receta barcelona, >:O, cialis o viagra, ndh, levitra canada, qbbls, cialis masticable, %(((, viagra foto, :D, sildenafil nifa, zoils, vendita cialis originale, csvm, comprare cialis forum, 878, viagra cosa serve, lkah,

Viagra posologia consigliata - e-mail, сайт - https://viagraquandoassumerlo.webs.com/
Comment6, cialis avis, 40771, sildenafil efectos secundarios, %-)), levitra barata, 835300, viagra tempo, %-)), viagra 25mg prix, 0854, cialis curativo, 884, sildenafil vardenafil y tadalafil, 8-], cialis medicamento, >:[[[, viagra senza prescrizione, >:(((, acheter viagra generique en france, crtvui, kamagra chewable tablet, 7726, viagra india, kcmlr, acheter viagra pharmacie, >:-)), viagra riddim, %[[[, viagra shop, ktd, sildenafil pirex, :-PPP, cialis et viagra, gfnuy, cialis emicrania, 8DDD,

1  2  3  4  5  6  7  8  9  50  
Имя:
E-mail:
Сайт:
2 + 8 = (цифры, напр-р, 6 + 5 = 11)
Комментарий:

Последние новости
Последние темы на форуме
Качественные текстуры - https://detalk.ru/index.php?showtopic=7938
Разработка лого. Конкурс. 100$. - https://detalk.ru/index.php?showtopic=7943
Прошу заценить блог о веб-дизайне, да и вообще о дизайне. - https://detalk.ru/index.php?showtopic=7948
Оцените школьный портал - https://detalk.ru/index.php?showtopic=7853
Яндекс: прикольные запросы - https://detalk.ru/index.php?showtopic=256 Ключи к антивирусу Касперского - https://detalk.ru/index.php?showtopic=6396
РАБОТА ПО СОВМЕСТИТЕЛЬСТВУ. - https://detalk.ru/index.php?showtopic=7947
Adobe Photoshop Corel Draw 3d Flash Графика Продвижение сайтов - https://www.siteprojects.ru/

Яндекс.Метрика