Задание цвета фона и текста

 

Атрибут color определяет цвет текста. Значение этого атрибута может быть шестнадцатеричным числом, значением RGB, или названием цвета:

<h1 color="#000000"><h2 color="rgb(0,0,0)"><p color="black">

Все приведенные выше строки задают цвет фона как черный. Наиболее часто используется первый способ задания цвета.

<html><body bgcolor="#d0d0d0"><h1>Хороший цвет фона и текста</h1><p>Пример комбинации цвета фона и цвета текста, которая позволяет без проблем читать текст на странице.</p></body></html>

 

Тег <body> имеет два атрибута, которые позволяют определить фон. Фон можно задавать с помощью цвета или изображения.

Атрибут bgcolor определяет цвет фона для страницы HTML. Значение этого атрибута может быть шестнадцатеричным числом, значением RGB, или названием цвета:

<body bgcolor="#000000"><body bgcolor="rgb(0,0,0)"><body bgcolor="black"> <html><body bgcolor="#ffffff" text="yellow"><h1>Плохой цвет фона и текста</h1><p>Пример комбинации цвета фона и цвета текста, которая создает трудности при чтении текста на странице.</p></body></html>

Атрибут background определяет изображение для фона страницы HTML. Значением этого атрибута является адрес URL изображения, которое желательно использовать. Если изображение меньше окна браузера, то изображение будет циклически повторяться, пока не заполнит все окно браузера.

<body background="clouds.gif"><body background="http://www.w3schools.com/clouds.gif">

Адрес URL может быть относительным (как в первой строке выше) или абсолютным (как во второй строке выше).

<html><body background="background.jpg"><h3>Фоновое изображение</h3><p>В качестве фона HTML можно использовать как файлы gif, png, так и файлы jpg.</p><p>Если изображение меньше страницы, то изображение будет циклически повторяться.</p></body></html>

Цвета определяют с помощью шестнадцатеричной записи комбинации значений красного, зеленого и синего цветов (RGB). Наименьшее значение, которое можно задать одному из источников равно 0 (hex #00). Максимальное значение равно 255 (hex #FF).

 

Некоторая совокупность названий цветов поддерживается большинством браузеров.

Только 16 названий цветов поддерживается стандартом: (aqua (голубой), black (черный), blue (синий), fuchsia (фуксия), gray (серый), green (зеленый), lime (лайм), maroon (темно-бордовый), navy (темно-синий), olive (оливковый), purple (сиреневый), red (красный), silver (светло-серый), teal (сине-зеленый), white (белый), и yellow (желтый)). Для всех других цветов необходимо использовать значение HEX цвета.

 

Контрольные вопросы

1. Каково назначение тега<pre>?

 

2. Как осуществляется переход внутри страницы?

 

3. Что произойдет, если фоновое изображение меньше страницы?

 

 

Литература:

Інтернет-университет информационных технологий www.intuit.ru. Курс «Основы работы с HTML»

Інтернет-университет информационных технологий www.intuit.ru. Курс «Введение в HTML»