Пора разобраться с фоном! И где же этот тег, который за это дело отвечает? Какие у него есть, выражаясь умным словом "атрибуты"? И, главное, каким образом разместить всю нашу красоту? Короче, вопросов - множество! А ответ всего один. Ну нету такого тега вообще! Еще не придумали!
Но не огорчайтесь! Нет тега и не надо! Зато есть два чудесных атрибута известного нам дескриптора BODY. Так что встречайте старого знакомого!
Фон, или как принято называть задний фон в переводе на английский означает "background". Поэтому нет ничего проще запомнить два атрибута, созданных в его честь. Один - background, а другой - bgcolor.
Так чем же они отличаются? Какими возможностями обладают? И, главное, чем будут нам полезны?
Начнем, с самого простого - bgcolor. Этот атрибут отвечает за цвет фона. Вы можете подставить любое значение, в буквенном или в числовом значении цвета и ваш фон окрасится в соответствующий цвет.
Что ж, ради примера можем открыть наш шаблон, либо любой, созданный нами ранее файл и попытаться залить страничку любимым цветом. Я же открою свою страничку index.html в блокноте и внесу следующие изменения:
|
<HTML> |
Сохраним наше творение под тем же именем и посмотрим, что получилось. А должно получиться следующее у вашей страницы будет голубой фон. Обязательно проверьте. Если по каким-то причинам вам не нравится голубой фон, можете взять другой цвет, например розовый, можете даже писать цвет не буквами, а числами. Только не забудьте впереди числа поставить решетку. И все у вас получится! Можете поиграть разными цветами, пока не надоест. А как надоест, будем читать дальше про другой атрибут - background.
|
<HTML> </BODY> |
Этот атрибут указывает не на цвет изображения, а на картинку, которую стоит поместить в качестве фона, или как еще говорят, фоновых обоев. Обои можно подобрать любые, какие только подскажет вам фантазия. Сохраняем этот файл и смотрим, что у нас получилось:
Можно понять, что же сделал атрибут background - он просто взял и размножил исходное изображение, заполнив им весь экран. Этим свойством не грех и воспользоваться. Мы ведь можем сделать одну маленькую картинку, которая займет памяти намного меньше большой, и заполним ею весь экран. Тут главное постараться сделать эту картинку "без швов". То есть, чтобы не было видно стыков между соседними изображениями. Но на начальном этапе лучше пользоваться готовыми, их вы можете скачать на моём сайте.
