Стили сайта и фон элемента

Задание 4

Создайте документ, вид которого показан на рисунке в конце этой страницы.

Стилевые определения записывайте в отдельный файл с именем task04.css, а HTML-код в файл task04.htm. Файлы сохраняйте в каталоге, который вам укажет учитель.

В этом каталоге есть подкаталог pic, в котором находятся две картинки.

• Картинка fon06.jpg (шириной и высотой по 200 пикселов):

  

• Картинка title02.gif (шириной в 380 пикселов и высотой 78 пикселов):

  

Первую картинку используйте для создания фона, вторую — как заголовок страницы. Картинки нужно выводить на экран без использования тега IMG, подбирая нужные параметры свойства background для элементов страницы.

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

Свойство	Описание и значения
color	Задаёт цвет текста. Значения: название цвета или его номер (как в соответствующем атрибуте HTML).
background	Значение свойства записывается в виде последовательности параметров: цвет скролл повтор координаты картинка
margin margin-left margin-right margin-top margin-bottom	Определяет размер отступа элемента: со всех сторон (margin) или с только с соответствующей стороны. Значения: число с допустимой единицей измерения (например, px). Можно записывать значение в виде процента от родительского элемента.
padding padding-left padding-right padding-top padding-bottom	Определяет расстояние между содержимым и границей элемента слева со всех сторон (padding) или с только с соответствующей стороны. Значения: число с допустимой единицей измерения (например, px). Можно записывать значение в виде процента от родительского элемента.
text-align	Задаёт способ выравнивания внутри элемента. Значения: left, right, center, justify.
height	Задаёт высоту элемента. Значения: число с допустимой единицей измерения (например, px). Можно записывать значение в виде процента от родительского элемента.
width	Задаёт ширину элемента. Значения: число с допустимой единицей измерения (например, px). Можно записывать значение в виде процента от родительского элемента.

В качестве текстового редактора используйте PSPad или Блокнот. Заготовки файлов можно скопировать в текстовый редактор через буфер обмена.

Файл task04.css

  
/* Цвет текста, фона и фоновая картинка */ 
BODY
{
}

/* Отступы элемента слева, справа и снизу. 
   Отступы содержимого от границы элемента 
   слева и справа, выравнивание по ширине,
   цвет фона */  
DIV
{
}

Файл task04.htm