Студопедия

Главная страница Случайная страница

Разделы сайта

АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника






Теги списков 3 страница


⇐ ПредыдущаяСтр 8 из 18Следующая ⇒
Немаловажную роль играет фон, используемый на сайте. Хороший фон может существенно улучшить внешний вид Web-сайта, а при неправильном подборе цветовой схемы читаемость ваших страниц значительно ухудшится, что вызовет негативные ощущения у посетителей сайта. И у них не возникнет желания вернуться сюда еще раз. Рассмотрим все вышеизложенное на примере. В первом примере представлено хорошее сочетание фона и текста, а во втором наоборот, комбинация, использование которой совершенно не рекомендуется. Хороший цвет фона и текста < html> < body bgcolor=" #d0d0d0" > < h1> Хороший цвет фона и текста< /h1> < p> Пример комбинации цвета фона и цвета текста, которая позволяет без проблем читать текст на странице.< /p> < /body> < /html> Пример выполнения данного HTML-кода Плохой цвет фона и текста < html> < body bgcolor=" #ffffff" text=" yellow" > < h1> Плохой цвет фона и текста< /h1> < p> Пример комбинации цвета фона и цвета текста, которая создает трудности при чтении текста на странице.< /p> < /body> < /html> Пример выполнения данного HTML-кода Фон Тег < body> имеет два атрибута, которые позволяют определить фон. Фон можно задавать с помощью цвета или изображения. Bgcolor Атрибут bgcolor определяет цвет фона для страницы HTML. Значение этого атрибута может быть шестнадцатеричным числом, значением RGB, или названием цвета: < body bgcolor=" #000000" > < body bgcolor=" rgb(0, 0, 0)" > < body bgcolor=" black" > Все приведенные выше строки задают цвет фона как черный. Наиболее часто используется первый способ задания цвета. Background Атрибут background определяет изображение для фона страницы HTML. Значением этого атрибута является адрес URL изображения, которое желательно использовать. Если изображение меньше окна браузера, то изображение будет циклически повторяться, пока не заполнит все окно браузера. < body background=" clouds.gif" > < body background=" https://www.w3schools.com/clouds.gif" > Адрес URL может быть относительным (как в первой строке выше) или абсолютным (как во второй строке выше). Примечание: Если вы хотите использовать фоновое изображение, необходимо помнить о следующем:
  • Не будет ли фоновое изображение слишком увеличивать время загрузки?
  • Будет ли фоновое изображение хорошо сочетаться с другими изображениями на странице?
  • Будет ли фоновое изображение хорошо сочетаться с цветами текста на странице?
  • Будет ли фоновое изображение хорошо выглядеть, когда оно циклически повторяется на странице?
  • Не будет ли фоновое изображение отвлекать внимание от текста?
Полезные рекомендации Атрибуты bgcolor, background, и text в теге < body> не рекомендуется использовать в последних версиях HTML (HTML 4 и XHTML). Консорциум World Wide Web (W3C) исключил эти атрибуты из своих рекомендаций. Вместо этого должны использоваться таблицы стилей (CSS) (для определения свойств компоновки и вывода элементов HTML). Используя таблицы стилей можно более гибко управлять настройками фона. Дополнительные примеры Хорошее фоновое изображение < html> < body background=" background.jpg" > < h3> Фоновое изображение< /h3> < p> В качестве фона HTML можно использовать как файлы gif, png, так и файлы jpg.< /p> < p> Если изображение меньше страницы, то изображение будет циклически повторяться.< /p> < /body> < /html> Пример выполнения данного HTML-кода Пример фонового изображения и цвета текста, которые позволяют легко читать текст на странице. Хорошее фоновое изображение < html> < body background=" good.jpg" > < h3> Фоновое изображение< /h3> < p> В качестве фона HTML можно использовать как файлы gif, png, так и файлы jpg.< /p> < p> Если изображение меньше страницы, то изображение будет циклически повторяться.< /p> < /body> < /html> Пример выполнения данного HTML-кода Пример фонового изображения и цвета текста, которые позволяют легко читать текст на странице. Плохое фоновое изображение < html> < body background=" bad.jpg" > < h3> Фоновое изображение< /h3> < p> В качестве фона HTML можно использовать как файлы gif, png, так и файлы jpg.< /p> < p> Если изображение меньше страницы, то изображение будет циклически повторяться.< /p> < /body> < /html> Пример выполнения данного HTML-кода Пример фонового изображения и цвета текста, которые существенно затрудняют чтение текста. И кроме того очень большой размер данной картинки сильно увеличивает время загрузки. Цвета в HTML Цвета выводятся с помощью смешения источников RED (красного), GREEN (зеленого), и BLUE (синего) цвета. Значения цветов Цвета определяют с помощью шестнадцатеричной записи комбинации значений красного, зеленого и синего цветов (RGB). Наименьшее значение, которое можно задать одному из источников равно 0 (hex #00). Максимальное значение равно 255 (hex #FF). Следующий пример показывает результат объединения красного (R), зеленого (G) и синего (B) источников цвета. < html> < body> < table> < tr> < th> Цвет< /th> < th> Цвет (HEX)< /th> < th> Цвет (RGB)< /th> < /tr> < tr> < td bgcolor=" #000000" > & nbsp; < /td> < td> #000000< /td> < td> rgb(0, 0, 0)< /td> < /tr> < tr> < td bgcolor=" #FF0000" > & nbsp; < /td> < td> #FF0000< /td> < td> rgb(255, 0, 0)< /td> < /tr> < tr> < td bgcolor=" #00FF00" > & nbsp; < /td> < td> #00FF00< /td> < td> rgb(0, 255, 0)< /td> < /tr> < tr> < td bgcolor=" #0000FF" > & nbsp; < /td> < td> #0000FF< /td> < td> rgb(0, 0, 255)< /td> < /tr> < tr> < td bgcolor=" #FFFF00" > & nbsp; < /td> < td> #FFFF00< /td> < td> rgb(255, 255, 0)< /td> < /tr> < tr> < td bgcolor=" #00FFFF" > & nbsp; < /td> < td> #00FFFF< /td> < td> rgb(0, 255, 255)< /td> < /tr> < tr> < td bgcolor=" #FF00FF" > & nbsp; < /td> < td> #FF00FF< /td> < td> rgb(255, 0, 255)< /td> < /tr> < tr> < td bgcolor=" #C0C0C0" > & nbsp; < /td> < td> #C0C0C0< /td> < td> rgb(192, 192, 192)< /td> < /tr> < tr> < td bgcolor=" #FFFFFF" > & nbsp; < /td> < td> #FFFFFF< /td> < td> rgb(255, 255, 255)< /td> < /tr> < table> < body> < html> Пример выполнения данного HTML-кода Имена цветов Некоторая совокупность названий цветов поддерживается большинством браузеров. Примечание: Только 16 названий цветов поддерживается стандартом W3C для HTML 4.0 (aqua (голубой), black (черный), blue (синий), fuchsia (фуксия), gray (серый), green (зеленый), lime (лайм), maroon (темно-бордовый), navy (темно-синий), olive (оливковый), purple (сиреневый), red (красный), silver (светло-серый), teal (сине-зеленый), white (белый), и yellow (желтый)). Для всех других цветов необходимо использовать значение HEX цвета. Безопасные цвета Web Несколько лет назад, когда большинство компьютеров поддерживали только 256 различных цветов, был предложен в качестве стандарта Web список из 216 безопасных цветов Web. Причина этого состояла в том, что операционные системы Microsoft и Mac использовали 40 различных " резервных" фиксированных системных цветов (около 20 каждая). Трудно сказать насколько это важно сегодня, так как все больше и больше компьютеров обладают возможностью выводить миллионы различных цветов, но такой стандарт существует, и его при желании можно придерживаться. 216 межплатформенных цветов Эта палитра из 216 межплатформенных безопасных для Web цветов была первоначально создана для обеспечения правильного вывода всеми компьютерами всех цветов при использовании палитры из 256 цветов. < html> < body> < table border> < tr> < td width=20 bgcolor=" #000000" > < /td> < td> 000000< /td> < td width=20 bgcolor=" #000033" > < /td> < td> 000033< /td> < td width=20 bgcolor=" #000066" > < /td> < td> 000066< /td> < td width=20 bgcolor=" #000099" > < /td> < td> 000099< /td> < td width=20 bgcolor=" #0000CC" > < /td> < td> 0000CC< /td> < td width=20 bgcolor=" #0000FF" > < /td> < td> 0000FF< /td> < /tr> < tr> < td width=20 bgcolor=" #003300" > < /td> < td> 003300< /td> < td width=20 bgcolor=" #003333" > < /td> < td> 003333< /td> < td width=20 bgcolor=" #003366" > < /td> < td> 003366< /td> < td width=20 bgcolor=" #003399" > < /td> < td> 003399< /td> < td width=20 bgcolor=" #0033CC" > < /td> < td> 0033CC< /td> < td width=20 bgcolor=" #0033FF" > < /td> < td> 0033FF< /td> < /tr> < tr> < td width=20 bgcolor=" #006600" > < /td> < td> 006600< /td> < td width=20 bgcolor=" #006633" > < /td> < td> 006633< /td> < td width=20 bgcolor=" #006666" > < /td> < td> 006666< /td> < td width=20 bgcolor=" #006699" > < /td> < td> 006699< /td> < td width=20 bgcolor=" #0066CC" > < /td> < td> 0066CC< /td> < td width=20 bgcolor=" #0066FF" > < /td> < td> 0066FF< /td> < /tr> < tr> < td width=20 bgcolor=" #009900" > < /td> < td> 009900< /td> < td width=20 bgcolor=" #009933" > < /td> < td> 009933< /td> < td width=20 bgcolor=" #009966" > < /td> < td> 009966< /td> < td width=20 bgcolor=" #009999" > < /td> < td> 009999< /td> < td width=20 bgcolor=" #0099CC" > < /td> < td> 0099CC< /td> < td width=20 bgcolor=" #0099FF" > < /td> < td> 0099FF< /td> < /tr> < tr> < td width=20 bgcolor=" #00CC00" > < /td> < td> 00CC00< /td> < td width=20 bgcolor=" #00CC33" > < /td> < td> 00CC33< /td> < td width=20 bgcolor=" #00CC66" > < /td> < td> 00CC66< /td> < td width=20 bgcolor=" #00CC99" > < /td> < td> 00CC99< /td> < td width=20 bgcolor=" #00CCCC" > < /td> < td> 00CCCC< /td> < td width=20 bgcolor=" #00CCFF" > < /td> < td> 00CCFF< /td> < /tr> < tr> < td width=20 bgcolor=" #00FF00" > < /td> < td> 00FF00< /td> < td width=20 bgcolor=" #00FF33" > < /td> < td> 00FF33< /td> < td width=20 bgcolor=" #00FF66" > < /td> < td> 00FF66< /td> < td width=20 bgcolor=" #00FF99" > < /td> < td> 00FF99< /td> < td width=20 bgcolor=" #00FFCC" > < /td> < td> 00FFCC< /td> < td width=20 bgcolor=" #00FFFF" > < /td> < td> 00FFFF< /td> < /tr> < tr> < td width=20 bgcolor=" #330000" > < /td> < td> 330000< /td> < td width=20 bgcolor=" #330033" > < /td> < td> 330033< /td> < td width=20 bgcolor=" #330066" > < /td> < td> 330066< /td> < td width=20 bgcolor=" #330099" > < /td> < td> 330099< /td> < td width=20 bgcolor=" #3300CC" > < /td> < td> 3300CC< /td> < td width=20 bgcolor=" #3300FF" > < /td> < td> 3300FF< /td> < /tr> < tr> < td width=20 bgcolor=" #333300" > < /td> < td> 333300< /td> < td width=20 bgcolor=" #333333" > < /td> < td> 333333< /td> < td width=20 bgcolor=" #333366" > < /td> < td> 333366< /td> < td width=20 bgcolor=" #333399" > < /td> < td> 333399< /td> < td width=20 bgcolor=" #3333CC" > < /td> < td> 3333CC< /td> < td width=20 bgcolor=" #3333FF" > < /td> < td> 3333FF< /td> < /tr> < tr> < td width=20 bgcolor=" #336600" > < /td> < td> 336600< /td> < td width=20 bgcolor=" #336633" > < /td> < td> 336633< /td> < td width=20 bgcolor=" #336666" > < /td> < td> 336666< /td> < td width=20 bgcolor=" #336699" > < /td> < td> 336699< /td> < td width=20 bgcolor=" #3366CC" > < /td> < td> 3366CC< /td> < td width=20 bgcolor=" #3366FF" > < /td> < td> 3366FF< /td> < /tr> < tr> < td width=20 bgcolor=" #339900" > < /td> < td> 339900< /td> < td width=20 bgcolor=" #339933" > < /td> < td> 339933< /td> < td width=20 bgcolor=" #339966" > < /td> < td> 339966< /td> < td width=20 bgcolor=" #339999" > < /td> < td> 339999< /td> < td width=20 bgcolor=" #3399CC" > < /td> < td> 3399CC< /td> < td width=20 bgcolor=" #3399FF" > < /td> < td> 3399FF< /td> < /tr> < tr> < td width=20 bgcolor=" #33CC00" > < /td> < td> 33CC00< /td> < td width=20 bgcolor=" #33CC33" > < /td> < td> 33CC33< /td> < td width=20 bgcolor=" #33CC66" > < /td> < td> 33CC66< /td> < td width=20 bgcolor=" #33CC99" > < /td> < td> 33CC99< /td> < td width=20 bgcolor=" #33CCCC" > < /td> < td> 33CCCC< /td> < td width=20 bgcolor=" #33CCFF" > < /td> < td> 33CCFF< /td> < /tr> < tr> < td width=20 bgcolor=" #33FF00" > < /td> < td> 33FF00< /td> < td width=20 bgcolor=" #33FF33" > < /td> < td> 33FF33< /td> < td width=20 bgcolor=" #33FF66" > < /td> < td> 33FF66< /td> < td width=20 bgcolor=" #33FF99" > < /td> < td> 33FF99< /td> < td width=20 bgcolor=" #33FFCC" > < /td> < td> 33FFCC< /td> < td width=20 bgcolor=" #33FFFF" > < /td> < td> 33FFFF< /td> < /tr> < tr> < td width=20 bgcolor=" #660000" > < /td> < td> 660000< /td> < td width=20 bgcolor=" #660033" > < /td> < td> 660033< /td> < td width=20 bgcolor=" #660066" > < /td> < td> 660066< /td> < td width=20 bgcolor=" #660099" > < /td> < td> 660099< /td> < td width=20 bgcolor=" #6600CC" > < /td> < td> 6600CC< /td> < td width=20 bgcolor=" #6600FF" > < /td> < td> 6600FF< /td> < /tr> < tr> < td width=20 bgcolor=" #663300" > < /td> < td> 663300< /td> < td width=20 bgcolor=" #663333" > < /td> < td> 663333< /td> < td width=20 bgcolor=" #663366" > < /td> < td> 663366< /td> < td width=20 bgcolor=" #663399" > < /td> < td> 663399< /td> < td width=20 bgcolor=" #6633CC" > < /td> < td> 6633CC< /td> < td width=20 bgcolor=" #6633FF" > < /td> < td> 6633FF< /td> < /tr> < tr> < td width=20 bgcolor=" #666600" > < /td> < td> 666600< /td> < td width=20 bgcolor=" #666633" > < /td> < td> 666633< /td> < td width=20 bgcolor=" #666666" > < /td> < td> 666666< /td> < td width=20 bgcolor=" #666699" > < /td> < td> 666699< /td> < td width=20 bgcolor=" #6666CC" > < /td> < td> 6666CC< /td> < td width=20 bgcolor=" #6666FF" > < /td> < td> 6666FF< /td> < /tr> < tr> < td width=20 bgcolor=" #669900" > < /td> < td> 669900< /td> < td width=20 bgcolor=" #669933" > < /td> < td> 669933< /td> < td width=20 bgcolor=" #669966" > < /td> < td> 669966< /td> < td width=20 bgcolor=" #669999" > < /td> < td> 669999< /td> < td width=20 bgcolor=" #6699CC" > < /td> < td> 6699CC< /td> < td width=20 bgcolor=" #6699FF" > < /td> < td> 6699FF< /td> < /tr> < tr> < td width=20 bgcolor=" #66CC00" > < /td> < td> 66CC00< /td> < td width=20 bgcolor=" #66CC33" > < /td> < td> 66CC33< /td> < td width=20 bgcolor=" #66CC66" > < /td> < td> 66CC66< /td> < td width=20 bgcolor=" #66CC99" > < /td> < td> 66CC99< /td> < td width=20 bgcolor=" #66CCCC" > < /td> < td> 66CCCC< /td> < td width=20 bgcolor=" #66CCFF" > < /td> < td> 66CCFF< /td> < /tr> < tr> < td width=20 bgcolor=" #66FF00" > < /td> < td> 66FF00< /td> < td width=20 bgcolor=" #66FF33" > < /td> < td> 66FF33< /td> < td width=20 bgcolor=" #66FF66" > < /td> < td> 66FF66< /td> < td width=20 bgcolor=" #66FF99" > < /td> < td> 66FF99< /td> < td width=20 bgcolor=" #66FFCC" > < /td> < td> 66FFCC< /td> < td width=20 bgcolor=" #66FFFF" > < /td> < td> 66FFFF< /td> < /tr> < tr> < td width=20 bgcolor=" #990000" > < /td> < td> 990000< /td> < td width=20 bgcolor=" #990033" > < /td> < td> 990033< /td> < td width=20 bgcolor=" #990066" > < /td> < td> 990066< /td> < td width=20 bgcolor=" #990099" > < /td> < td> 990099< /td> < td width=20 bgcolor=" #9900CC" > < /td> < td> 9900CC< /td> < td width=20 bgcolor=" #9900FF" > < /td> < td> 9900FF< /td> < /tr> < tr> < td width=20 bgcolor=" #993300" > < /td> < td> 993300< /td> < td width=20 bgcolor=" #993333" > < /td> < td> 993333< /td> < td width=20 bgcolor=" #993366" > < /td> < td> 993366< /td> < td width=20 bgcolor=" #993399" > < /td> < td> 993399< /td> < td width=20 bgcolor=" #9933CC" > < /td> < td> 9933CC< /td> < td width=20 bgcolor=" #9933FF" > < /td> < td> 9933FF< /td> < /tr> < tr> < td width=20 bgcolor=" #996600" > < /td> < td> 996600< /td> < td width=20 bgcolor=" #996633" > < /td> < td> 996633< /td> < td width=20 bgcolor=" #996666" > < /td> < td> 996666< /td> < td width=20 bgcolor=" #996699" > < /td> < td> 996699< /td> < td width=20 bgcolor=" #9966CC" > < /td> < td> 9966CC< /td> < td width=20 bgcolor=" #9966FF" > < /td> < td> 9966FF< /td> < /tr> < tr> < td width=20 bgcolor=" #999900" > < /td> < td> 999900< /td> < td width=20 bgcolor=" #999933" > < /td> < td> 999933< /td> < td width=20 bgcolor=" #999966" > < /td> < td> 999966< /td> < td width=20 bgcolor=" #999999" > < /td> < td> 999999< /td> < td width=20 bgcolor=" #9999CC" > < /td> < td> 9999CC< /td> < td width=20 bgcolor=" #9999FF" > < /td> < td> 9999FF< /td> < /tr> < tr> < td width=20 bgcolor=" #99CC00" > < /td> < td> 99CC00< /td> < td width=20 bgcolor=" #99CC33" > < /td> < td> 99CC33< /td> < td width=20 bgcolor=" #99CC66" > < /td> < td> 99CC66< /td> < td width=20 bgcolor=" #99CC99" > < /td> < td> 99CC99< /td> < td width=20 bgcolor=" #99CCCC" > < /td> < td> 99CCCC< /td> < td width=20 bgcolor=" #99CCFF" > < /td> < td> 99CCFF< /td> < /tr> < tr> < td width=20 bgcolor=" #99FF00" > < /td> < td> 99FF00< /td> < td width=20 bgcolor=" #99FF33" > < /td> < td> 99FF33< /td> < td width=20 bgcolor=" #99FF66" > < /td> < td> 99FF66< /td> < td width=20 bgcolor=" #99FF99" > < /td> < td> 99FF99< /td> < td width=20 bgcolor=" #99FFCC" > < /td> < td> 99FFCC< /td> < td width=20 bgcolor=" #99FFFF" > < /td> < td> 99FFFF< /td> < /tr> < tr> < td width=20 bgcolor=" #CC0000" > < /td> < td> CC0000< /td> < td width=20 bgcolor=" #CC0033" > < /td> < td> CC0033< /td> < td width=20 bgcolor=" #CC0066" > < /td> < td> CC0066< /td> < td width=20 bgcolor=" #CC0099" > < /td> < td> CC0099< /td> < td width=20 bgcolor=" #CC00CC" > < /td> < td> CC00CC< /td> < td width=20 bgcolor=" #CC00FF" > < /td> < td> CC00FF< /td> < /tr> < tr> < td width=20 bgcolor=" #CC3300" > < /td> < td> CC3300< /td> < td width=20 bgcolor=" #CC3333" > < /td> < td> CC3333< /td> < td width=20 bgcolor=" #CC3366" > < /td> < td> CC3366< /td> < td width=20 bgcolor=" #CC3399" > < /td> < td> CC3399< /td> < td width=20 bgcolor=" #CC33CC" > < /td> < td> CC33CC< /td> < td width=20 bgcolor=" #CC33FF" > < /td> < td> CC33FF< /td> < /tr> < tr> < td width=20 bgcolor=" #CC6600" > < /td> < td> CC6600< /td> < td width=20 bgcolor=" #CC6633" > < /td> < td> CC6633< /td> < td width=20 bgcolor=" #CC6666" > < /td> < td> CC6666< /td> < td width=20 bgcolor=" #CC6699" > < /td> < td> CC6699< /td> < td width=20 bgcolor=" #CC66CC" > < /td> < td> CC66CC< /td> < td width=20 bgcolor=" #CC66FF" > < /td> < td> CC66FF< /td> < /tr> < tr> < td width=20 bgcolor=" #CC9900" > < /td> < td> CC9900< /td> < td width=20 bgcolor=" #CC9933" > < /td> < td> CC9933< /td> < td width=20 bgcolor=" #CC9966" > < /td> < td> CC9966< /td> < td width=20 bgcolor=" #CC9999" > < /td> < td> CC9999< /td> < td width=20 bgcolor=" #CC99CC" > < /td> < td> CC99CC< /td> < td width=20 bgcolor=" #CC99FF" > < /td> < td> CC99FF< /td> < /tr> < tr> < td width=20 bgcolor=" #CCCC00" > < /td> < td> CCCC00< /td> < td width=20 bgcolor=" #CCCC33" > < /td> < td> CCCC33< /td> < td width=20 bgcolor=" #CCCC66" > < /td> < td> CCCC66< /td> < td width=20 bgcolor=" #CCCC99" > < /td> < td> CCCC99< /td> < td width=20 bgcolor=" #CCCCCC" > < /td> < td> CCCCCC< /td> < td width=20 bgcolor=" #CCCCFF" > < /td> < td> CCCCFF< /td> < /tr> < tr> < td width=20 bgcolor=" #CCFF00" > < /td> < td> CCFF00< /td> < td width=20 bgcolor=" #CCFF33" > < /td> < td> CCFF33< /td> < td width=20 bgcolor=" #CCFF66" > < /td> < td> CCFF66< /td> < td width=20 bgcolor=" #CCFF99" > < /td> < td> CCFF99< /td> < td width=20 bgcolor=" #CCFFCC" > < /td> < td> CCFFCC< /td> < td width=20 bgcolor=" #CCFFFF" > < /td> < td> CCFFFF< /td> < /tr> < tr> < td width=20 bgcolor=" #FF0000" > < /td> < td> FF0000< /td> < td width=20 bgcolor=" #FF0033" > < /td> < td> FF0033< /td> < td width=20 bgcolor=" #FF0066" > < /td> < td> FF0066< /td> < td width=20 bgcolor=" #FF0099" > < /td> < td> FF0099< /td> < td width=20 bgcolor=" #FF00CC" > < /td> < td> FF00CC< /td> < td width=20 bgcolor=" #FF00FF" > < /td> < td> FF00FF< /td> < /tr> < tr> < td width=20 bgcolor=" #FF3300" > < /td> < td> FF3300< /td> < td width=20 bgcolor=" #FF3333" > < /td> < td> FF3333< /td> < td width=20 bgcolor=" #FF3366" > < /td> < td> FF3366< /td> < td width=20 bgcolor=" #FF3399" > < /td> < td> FF3399< /td> < td width=20 bgcolor=" #FF33CC" > < /td> < td> FF33CC< /td> < td width=20 bgcolor=" #FF33FF" > < /td> < td> FF33FF< /td> < /tr> < tr> < td width=20 bgcolor=" #FF6600" > < /td> < td> FF6600< /td> < td width=20 bgcolor=" #FF6633" > < /td> < td> FF6633< /td> < td width=20 bgcolor=" #FF6666" > < /td> < td> FF6666< /td> < td width=20 bgcolor=" #FF6699" > < /td> < td> FF6699< /td> < td width=20 bgcolor=" #FF66CC" > < /td> < td> FF66CC< /td> < td width=20 bgcolor=" #FF66FF" > < /td> < td> FF66FF< /td> < /tr> < tr> < td width=20 bgcolor=" #FF9900" > < /td> < td> FF9900< /td> < td width=20 bgcolor=" #FF9933" > < /td> < td> FF9933< /td> < td width=20 bgcolor=" #FF9966" > < /td> < td> FF9966< /td> < td width=20 bgcolor=" #FF9999" > < /td> < td> FF9999< /td> < td width=20 bgcolor=" #FF99CC" > < /td> < td> FF99CC< /td> < td width=20 bgcolor=" #FF99FF" > < /td> < td> FF99FF< /td> < /tr> < tr> < td width=20 bgcolor=" #FFCC00" > < /td> < td> FFCC00< /td> < td width=20 bgcolor=" #FFCC33" > < /td> < td> FFCC33< /td> < td width=20 bgcolor=" #FFCC66" > < /td> < td> FFCC66< /td> < td width=20 bgcolor=" #FFCC99" > < /td> < td> FFCC99< /td> < td width=20 bgcolor=" #FFCCCC" > < /td> < td> FFCCCC< /td> < td width=20 bgcolor=" #FFCCFF" > < /td> < td> FFCCFF< /td> < /tr> < tr> < td width=20 bgcolor=" #FFFF00" > < /td> < td> FFFF00< /td> < td width=20 bgcolor=" #FFFF33" > < /td> < td> FFFF33< /td> < td width=20 bgcolor=" #FFFF66" > < /td> < td> FFFF66< /td> < td width=20 bgcolor=" #FFFF99" > < /td> < td> FFFF99< /td> < td width=20 bgcolor=" #FFFFCC" > < /td> < td> FFFFCC< /td> < td width=20 bgcolor=" #FFFFFF" > < /td> < td> FFFFFF< /td> < /tr> < /table> < /body> < /html> 		 
Значения цветов в HTML Цвета выводятся при смешении красного (R), зеленого (G), и синего (B) источников. Значения цветов Цвета HTML определяют с помощью шестнадцатеричных значений, определяющих комбинацию значений красного, зеленого и синего цветов (RGB). Наименьшее значение, которое может быть задано для источника света, равно 0 (hex #00). Наибольшее значение равно 255 (hex #FF). Отключение красного цвета Если полностью отключить красный цвет, то существует 65536 различных комбинаций зеленого и синего (256 x 256) цветов для экспериментов. Включение красного цвета Задавая для параметра красного цвета (R) максимальное значение, мы также получим 65536 различных комбинаций зеленого и синего (256 x 256) цветов для экспериментов. 16 миллионов различных цветов Сочетание значений красного, зеленого и синего цветов от 0 до 255 дает в целом более 16 миллионов различных цветов (256 x 256 x 256). Более современные мониторы могут выводить не менее 16384 различных цветов. Если посмотреть на таблицу цветов приведенную в примере, то можно увидеть результат изменения интенсивности красного цвета от 0 до 255, при значениях зеленого и синего цветов равных нулю. < html> < body> < table> < tr> < td width=" 20" bgcolor=" #000000" > < /td> < td> #000000< /td> < td> rgb(0, 0, 0)< /td> < /tr> < tr> < td width=" 20" bgcolor=" #080000" > < /td> < td> #080000< /td> < td> rgb(8, 0, 0)< /td> < /tr> < tr> < td width=" 20" bgcolor=" #100000" > < /td> < td> #100000< /td> < td> rgb(16, 0, 0)< /td> < /tr> < tr> < td width=" 20" bgcolor=" #180000" > < /td> < td> #180000< /td> < td> rgb(24, 0, 0)< /td> < /tr> < tr> < td width=" 20" bgcolor=" #200000" > < /td> < td> #200000< /td> < td> rgb(32, 0, 0)< /td> < /tr> < tr> < td width=" 20" bgcolor=" #280000" > < /td> < td> #280000< /td> < td> rgb(40, 0, 0)< /td> < /tr> < tr> < td width=" 20" bgcolor=" #300000" > < /td> < td> #300000< /td> < td> rgb(48, 0, 0)< /td> < /tr> < tr> < td width=" 20" bgcolor=" #380000" > < /td> < td> #380000< /td> < td> rgb(56, 0, 0)< /td> < /tr> < tr> < td width=" 20" bgcolor=" #400000" > < /td> < td> #400000< /td> < td> rgb(64, 0, 0)< /td> < /tr> < tr> < td width=" 20" bgcolor=" #480000" > < /td> < td> #480000< /td> < td> rgb(72, 0, 0)< /td> < /tr> < tr> < td width=" 20" bgcolor=" #500000" > < /td> < td> #500000< /td> < td> rgb(80, 0, 0)< /td> < /tr> < tr> < td width=" 20" bgcolor=" #580000" > < /td> < td> #580000< /td> < td> rgb(88, 0, 0)< /td> < /tr> < tr> < td width=" 20" bgcolor=" #600000" > < /td> < td> #600000< /td> < td> rgb(96, 0, 0)< /td> < /tr> < tr> < td width=" 20" bgcolor=" #680000" > < /td> < td> #680000< /td> < td> rgb(104, 0, 0)< /td> < /tr> < tr> < td width=" 20" bgcolor=" #700000" > < /td> < td> #700000< /td> < td> rgb(112, 0, 0)< /td> < /tr> < tr> < td width=" 20" bgcolor=" #780000" > < /td> < td> #780000< /td> < td> rgb(120, 0, 0)< /td> < /tr> < tr> < td width=" 20" bgcolor=" #800000" > < /td> < td> #800000< /td> < td> rgb(128, 0, 0)< /td> < /tr> < tr> < td width=" 20" bgcolor=" #880000" > < /td> < td> #880000< /td> < td> rgb(136, 0, 0)< /td> < /tr> < tr> < td width=" 20" bgcolor=" #900000" > < /td> < td> #900000< /td> < td> rgb(144, 0, 0)< /td> < /tr> < tr> < td width=" 20" bgcolor=" #980000" > < /td> < td> #980000< /td> < td> rgb(152, 0, 0)< /td> < /tr> < tr> < td width=" 20" bgcolor=" #A00000" > < /td> < td> #A00000< /td> < td> rgb(160, 0, 0)< /td> < /tr> < tr> < td width=" 20" bgcolor=" #A80000" > < /td> < td> #A80000< /td> < td> rgb(168, 0, 0)< /td> < /tr> < tr> < td width=" 20" bgcolor=" #B00000" > < /td> < td> #B00000< /td> < td> rgb(176, 0, 0)< /td> < /tr> < tr> < td width=" 20" bgcolor=" #B80000" > < /td> < td> #B80000< /td> < td> rgb(184, 0, 0)< /td> < /tr> < tr> < td width=" 20" bgcolor=" #C00000" > < /td> < td> #C00000< /td> < td> rgb(192, 0, 0)< /td> < /tr> < tr> < td width=" 20" bgcolor=" #C80000" > < /td> < td> #C80000< /td> < td> rgb(200, 0, 0)< /td> < /tr> < tr> < td width=" 20" bgcolor=" #D00000" > < /td> < td> #D00000< /td> < td> rgb(208, 0, 0)< /td> < /tr> < tr> < td width=" 20" bgcolor=" #D80000" > < /td> < td> #D80000< /td> < td> rgb(216, 0, 0)< /td> < /tr> < tr> < td width=" 20" bgcolor=" #E00000" > < /td> < td> #E00000< /td> < td> rgb(224, 0, 0)< /td> < /tr> < tr> < td width=" 20" bgcolor=" #E80000" > < /td> < td> #E80000< /td> < td> rgb(232, 0, 0)< /td> < /tr> < tr> < td width=" 20" bgcolor=" #F00000" > < /td> < td> #F00000< /td> < td> rgb(240, 0, 0)< /td> < /tr> < tr> < td width=" 20" bgcolor=" #F80000" > < /td> < td> #F80000< /td> < td> rgb(248, 0, 0)< /td> < /tr> < tr> < td width=" 20" bgcolor=" #FF0000" > < /td> < td> #FF0000< /td> < td> rgb(255, 0, 0)< /td> < /tr> < /table> < /body> < /html> Пример выполнения данного HTML-кода

⇐ Предыдущая3456789101112Следующая ⇒

Данная страница нарушает авторские права?





© 2023 :: MyLektsii.ru :: Мои Лекции
Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав.
Копирование текстов разрешено только с указанием индексируемой ссылки на источник.