logo
123

Атрибуты тэгов

Большинство тэгов имеет атрибуты, т.е. свойства, которые могут принимать различные значения. Например, если мы хотим, чтобы текст документа находился на желтом фоне, нам нужно использовать следующий код:

<html> <head> ... </head> <body bgcolor='yellow'> Наш документ на желтом фоне </body> </html>

Как нетрудно заметить, тот документ, что Вы сейчас читаете, находится на розоватом фоне. Посмотрите на его HTML-код и найдите название этого цвета. Нередко документ размещают на фоне некоторого рисунка. Сам рисунок должен находиться в файле графического формата (gif или jpg), а связь документа с ним обеспечивается атрибутом background тэга <body>:

<html> <head> ... </head> <body background='sky.gif'> Наш документ на фоне неба </body> </html>

Возможно, у Вас возник вопрос: "какого размера должен быть фоновый рисунок?" Дело в том, что если размер рисунка меньше размера окна браузера, то рисунок будет дублироваться по всему окну. Этот принцип лежит в основе создания текстур для background'а. В качестве примера посмотрим на файлы 'О пакете' и 'Задания'. (Они вызываются из главного меню). Обратите внимание - текст в файле 'О пакете' словно скользит над неподвижным фоном, в 'Заданиях' же он прокручивается вместе с ним. Эффект "скольжения" достигается еще за счет одного атрибута тэга <body>:

<html> <head> ... </head> <body background='адрес изображения' bgproperties='fixed'> Наш документ 'скользит' по фоновому рисунку </body> </html>

Итак, Вам уже знакомы:

Атрибуты тэга <body>

background

адрес фонового изображения

bgcolor

цвет фона

bgproperties

fixed - для достижения эффекта скольжения текста по фону

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