Начнем сначала - <BODY> и т.д. / Дизайнеру / Студия брендинга «Свой стиль»

	HTML Tutorial
	Начнем сначала - <BODY> и т.д.

Каждый тег в программе отвечает за определенный объект, группу объектов или элемент веб-страницы. Исходя из этого должен быть способ изменять атрибуты (свойства) этих самых объектов.
Первый элемент, который мы разберем - это страница вобщем. Основной тег, который отвечает за ее свойства - <BODY>.
Мы рассмотрим, как можно изменять фон страницы. Конечно тема не глобальная, но существует несколько интересных способов.

Для начала давайте изменим цвет фона страницы, и сделаем его... зеленым! А текст (для удобства) - белым.

Повторяться не станем, обьясним только новые моменты. Если сказать обобщенно, то фон - это свойство тела нашей страницы. Поэтому команда: BGCOLOR (цвет фона) пишется внутри <BODY>. Ей присваивается значение, в данном случае "green". Мы обещали изменить фон, но коснулись и текста, как уже было сказанно, это исключительно для удобства чтения. Все сделанно по тому же принципу: тексту TEXT присваиваем значение "white".

А теперь давайте сделаем отступление и поговорим о цветах в веб.
Какие они бывают и как их можно задавать. (Советуем ознакомиться с этим разделом хотя-бы бегло)

Мучаем дальше фон нашей веб-странички. Теперь поместим на фон рисунок:

Эта программа идентична предыдущей, за исключением одной команды. Для указания изображения в качестве фона требуется использовать background.

В этом месте мы рассматриваем вариант, когда файл вашего рисунка лежит в той же папке, что и Ваша веб-страничка.
Для других случаев следует изучить иерархию объектов, с которй мы познакомимся позже.

При этом нужно помнить, что рисунок будет размножаться (как при установке фона на Рабочем Столе).
Поэтому, лучше использовать рисунок, который будет совпадать сам с собой при совмещении.
Как это сделать?

Еще один интересный вариант фонового рисунка:

В результате получаем:

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

Смотри также: