Элемент BODY
Хочу сразу сделать небольшое заявление. Я ни
в коем случае не собираюсь переписывать спецификацию HTML 4.01 .
Далее при описании элементов я укажу только некоторые атрибуты и
возможно не все свойства этих атрибутов (я, конечно, постараюсь
указать все свойства тех атрибутов того или иного элемента, о котором
заведу речь). Все элементы, атрибуты этих элементов, свойства атрибутов,
о которых будет рассказано далее, проверены лично мною в трех разных
браузерах; IE, Netscape и Opera. Полный список элементов, атрибутов
и свойств атрибутов Вы можете найти в официальной нормативной спецификации
HTML версии 4.01 по адресу http://www.w3.org/TR/1999/REC-html401-19991224
или русский перевод Александра Пирамидина по адресу http://pyramidin.narod.ru/html401/index.html
.
Из предыдущих текстов, Вы уже знакомы с элементом
<Body> (тело документа) и знаете, что в этом теге
находятся все HTML-элементы, отвечающие за отображение документа,
управление им и гипертекстовые ссылки.
Элемент <Body> имеет следующие атрибуты;
- Атрибут Bgcolor
- Определяет цвет фона документа. Значения этого
атрибута задаются либо RGB-значением в шестнадцатеричной системе
(пример; #0099CC), либо одним из 16 базовых цветов (пример;
red, blue,black). По умолчанию, то
есть если Вы не указали этот атрибут в теге <Body>,
имеет значение “#FFFFFF" или проще говоря, по умолчанию
страница открывается с белым фоном.
Записывается так:
<body bgcolor="#F5E8FF">
Посмотреть таблицу безопасных цветов шестнадцатеричной системе
и таблицу базовых цветов Вы можете посмотреть здесь.
- Атрибут Title
- Этот атрибут позволяет выводить всплывающую подсказку
(в дальнейшем хинт) при на ведении курсора на любую область страницы.
Значение атрибута – любой Ваш текст, который Вы хотите видеть
на всплывающей подсказке.
Записывается так
<body title=”Этот текст вывела на экран всплывающая подсказка”>
Атрибут <Title> по-разному работает в разных браузерах.
В IE и Netscape работает при наведении курсора на все что находится
на странице (таблицы, изображение, текст и т.д.). В OPERA работает
только на свободном, от таблиц, изображений и т.д. поле страницы
Этим атрибутом почти никто не пользуется.
- Атрибут Text
- Определяет базовый цвет текста в документе. То
есть если в самом документе, в каком, то его месте для какого
либо отрывка текста Вы не указали цвет текста, то этот отрывок
окрасится в базовый цвет, который был задан атрибутом text в теге
<body>. Имеет, абсолютно, те же значения что и
атрибут bgcolor (я думаю, нет смысла повторяться). По
умолчанию имеет значение “#000000” или “black”
(черный).
Записывается так.
<body text=”#FF0000”>
или
<body text=”red”>
- Атрибут Link
- Определяет цвет гиперссылки в документе. Имеет
те же значения что и атрибуты bgcolor и text.
Записывается так.
<body link=”#0000FF”>
или
<body link=”blue”>
- Атрибут Alink
- Определяет цвет подсветки гиперссылки в момент
нажатия. Имеет те же значения что и атрибуты bgcolor, text
и link .
Записывается так.
<body alink=” #009900”>
или
<body alink=”green”>
- Атрибут Vlink
- Определяет цвет посещенной ссылки. Имеет те же
значения что и атрибуты bgcolor, text, link и alink
.
Записывается так.
<body vlink=” #999999”>
или
<body vlink=”gray”>
- Атрибут Bgproperties
- Этот атрибут задает свойства фонового изображения.
В данный момент браузерами поддерживается единственное его значение
fixed, запрещающее скроллинг (прокрутку) изображения.
Записывается так
<body bgproperties=”fixed”>
- Атрибут Topmargin
- Определяет отступ содержания документа от верхнего
края страницы в пикселях. Правильно работает в Netscape. В IE
и Opera задает отступ сверху и снизу. Значение любое целое число
от 0 и выше.
Записывается так.
<body topmargin=”50”>
- Атрибут Bottommargin
- Определяет отступ содержания документа от нижнего
края страницы в пикселях. Не работает в Opera, Netscape. Имеет
то же значение что и topmargin.
Записывается так.
<body bottommargin=”60”>
- Атрибут Leftmargin
- Определяет отступ содержания документа от левого
края страницы в пикселях. в IE задает отступ от края страницы
слева и справа. Правильно работает в Netscape и Opera. Имеет такое
же значение что и атрибуты topmargin и bottommargin
.
Записывается так.
<body leftmargin=”70”>
- Атрибут Rightmargin
- Определяет отступ содержания документа от правого
края страницы в пикселях. В IE работает правильно. Не работает
в Netscape и Opera .
Имеет такое же значение что и атрибуты topmargin, bottommargin
и leftmargin.
Записывается так.
<body rightmargin=”80”>
- Атрибут Marginheight
- Определяет отступ содержания документа от верхнего
и нижнего края страницы в пикселях. Не работает в IE. Правильно
работает в Netscape и Opera. Имеет такое же значение что и атрибуты
topmargin, bottommargin, leftmargin и rightmargin.
Записывается так.
<body marginheight=”85”>
- Атрибут Marginwidth
- Определяет отступ содержания документа от левого
и правого края страницы в пикселях. Не работает в IE. В Netscape
и Opera задает отступ от края страницы только с слева. Имеет такое
же значение что и атрибуты topmargin, bottommargin, leftmargin,
rightmargin и marginheight .
Записывается так.
<body marginwidth=”55”>
- Атрибут Background
- Этот атрибут определяет изображение и заливает
этим изображением фон страницы. Значение задается в виде полного
URL или имени файла с картинкой в формате gif
или jpg .
Записывается так
<body background=”http://vash_site.narod.ru/kartinka.gif”>
<body background=”http://vash_site.narod.ru/photo.jpg”>
Или
<body background=”kartinka.gif”>
<body background=”photo.jpg”>
Заливка происходит по следующему принципу. Первая копия изображения
становится в верхний левый угол страницы, рядом вторая копия и
т.д. до заполнения строки по горизонтали. Далее переходит на следующую
строку и заполняет ее по горизонтали и т.д. пока не заполнит весь
фон. Почему так подробно объясняю?
Важно!
Я много раз читал на форуме сообщения примерно такого содержания:
«Я применил (а) в качестве фона для своей страницы фотоизображение.
А оно у меня не фоном стало, а заложило фон несколькими копиями
этого изображения, так что на странице видно несколько фото с четкими
границами.» Посмотрите здесь,
о чем писал (а) автор такого сообщения.
А теперь посмотрите этот пример
или этот.
Посмотрели? Ну, как есть разница? А знаете, почему в первом примере
так получается? Потому что левый край изображения никак не стыкуется
с правым, верхний край с нижним. Чтобы такого не получилось изображение,
которым Вы собираетесь залить фон страницы, если поставить две копии
этого изображения рядом, должно иметь плавные границы перехода от
левого края к правому и от верхнего края к нижнему. Изображения,
отвечающие этим условиям, называются “background” (бэкграунд). Из
этого сделаем вывод: Не все изображения подходят для фона страницы.
В сети Вы можете найти огромное количество фонов для Ваших страниц.
Сайт Вашего покорного слуги не исключение.
|
