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-документа.(Используйте ту информацию, что Вы уже ввели в свой первый документ). Для одного из них выберите фоновый рисунок, для другого задайте цвет фона.

Содержание