1. Отступы от края окна

Отступы от края окна браузера схожи с полями на обычной печатной странице. Горизонтальные отступы задаются с помощью параметров тега <BODY>:

• leftmargin (ширина левого поля);

• rightmargin (ширина правого поля);

• marginwidth (ширина обоих горизонтальных отступов).

Вертикальные отступы задаются параметрами

• topmargin (верхнее поле);

• bottommargin (нижнее поле).

Величина отступов измеряется в пикселях. Например:

<HTML>  <BODY leftmargin=30 rightmargin=100> 

… </BODY>  </HTML>

2. Цвет фона

По умолчанию созданная с помощью HTML-кода страница имеет белый фон. Для того чтобы изменить цвет фона, используется параметр bgcolor тега <BODY>. Значением параметра bgcolor является код цвета в формате #RRGGBB или константа, соответствующая английскому написанию (см. п. 1.4.3). Например:

<BODY bgcolor=purple>

Если необходимо, чтобы в качестве фона страницы был узор, фотография или картинка, необходимо воспользоваться параметром background тега <BODY>. Его значением является адрес некоторого графического файла. Например:

<BODY background=”С:/Мои документы/Мои рисунки/fon_Tiles.jpg">

Как видно из примера, вложенные папки перечисляются через прямую, а не через обратную косую, как мы привыкли при работе с Windows. Указывать полный путь не всегда обязательно. Например, если код страницы находится в папке Мои документы, а файл с картинкой – во вложенной в нее папке Мои рисунки, то можно сослаться так:

<BODY background=”С:/Мои рисунки/fon_Tiles.jpg">

Если же код страницы и файл с рисунком фона находятся в одной папке, то достаточно указать

<BODY background=fon_Tiles.jpg>

Если название одной из папок состоит из нескольких слов, написанных через пробел, тогда весь путь доступа к файлу нужно заключить в кавычки. Поскольку в последнем примере указан только один файл, имя которого записано с нижним подчеркиванием без пробела fon_Tiles, то кавычки не нужны. Однако если есть сомнения, ставить кавычки или нет, то лучше их поставить. Даже если они не были нужны, ошибки не будет.

В отличие от тегов HTML, в именах файлов и папок имеет значение регистр букв. Так, для многих браузеров и других программ, работающих в Internet, fon_Tiles.jpg и Fon_Tiles.JPG – разные файлы.

Если в теге <BODY> задать сразу два параметра bgcolor и background, то произойдет наложение узора поверх фонового цвета, и узор закроет полностью фоновый цвет. Однако если в качестве фонового изображения используется узор с прозрачным фоном, то он накладывается на цвет, заданный параметром bgcolor.

Если необходимо, чтобы фоновое изображение не прокручивалось вместе с текстом, а стояло на месте, то можно воспользоваться параметром тега <BODY> bgproperties, которому присваивается значение fixed. Однако это свойство относится только к Internet Explorer. Посетители страницы, использующие другие браузеры, этого эффекта не увидят.

3. Цвет текста

Текст на странице по умолчанию выводится черным цветом, гиперссылки – синим, использованные ссылки – фиолетовым. Однако цвета можно изменить в зависимости от цветовой гаммы вашей страницы. Чтобы каждый раз не использовать тег <FONT>, можно задать цвета текста и ссылок в теге <BODY>. Цвет текста задается с помощью параметра text, цвет для непосещенных ссылок – link, для посещенных – vlink (от visited link), для активной ссылки (для той, на которой посетитель щелкает в данный момент) – alink. В качестве значений указанных параметров выступает константа или код цвета в формате #RRGGBB (см п. 1.4.3). Например:

<BODY bgcolor=orange text=red>

В этом примере на оранжевом фоне страницы будет выводиться текст красного цвета. Если необходимо, чтобы в каком-то месте этой страницы текст был другого цвета, необходимо использовать тег <FONT>:

…

<BODY bgcolor=orange text=red>

Текст выводится красным цветом на оранжевом фоне <BR>

<I><FONT color=green> Этот текст зеленого цвета курсивом на оранжевом фоне </I></FONT> <BR>

Далее опять текст выводится красным цветом на оранжевом фоне.