Раздел BODY
Раздел BODY является одним из самых важных компонентов любого HTML-документа, т. к. в нем располагается содержательная часть, которая выводится браузером на экран монитора пользователя.
Раздел описывается парным тегом <BODY></BODY>, внутри которого размещается большинство существующих тегов HTML. Тег <BODY> имеет ряд параметров, которые условно можно разделить на четыре основные группы (параметры фона, границ документа, текста и гиперссылок).
Параметр | Функция |
BGCOLOR | Определение цвета фона |
BACKGROUND | Указание фонового рисунка |
BGPROPERTIES | Изменение свойств фона (например, фиксирование фонового рисунка) |
TOPMARGIN, BOTTOMMARGIN, LEFTMARGIN, RIGHTMARGIN, MARGINWIDTH, MARGINHEIGHT | Определение размера отступов |
TEXT | Определение цвета основного текста |
LINK, ALINK, VLINK | Определение цвета гиперссылок |
Параметры фона
Параметрами фона документа являются BGCOLOR, BACKGROUND и BGPROPERTIES.
Ø -BGCOLOR устанавливает цвет фона, значение которого может быть введено в символьном эквиваленте, в шестнадцатеричном коде или в формате цветовой модели RGB.
Система указания цвета в HTML основана на трех основных цветах: красном, зеленом и синем (модель RGB – Red, Green, Blue). Любое значение RGB может быть преобразовано в шестнадцатеричный формат (от 00 до FF с приставкой # (читается "диез")). Некоторым значениям упомянутых моделей соответствует символьное название цвета. Таким образом, один и тот же цвет можно указать тремя возможными способами.
1. <BODY BGCOLOR="white">
2. <BODY BGCOLOR="#FFFFFF">
3. <BODY BGCOLOR="255.255.255">
Библиотека цветов на сайте http://www.artlebedev.ru/tools/colors/
Ø BACKGROUND позволяет накладывать на фон документа графическое изображение (файл *.gif находится в папке images, расположенной в той же папке что и сам HTML-документ):
<BODY BACKGROUND="images/*.gif">
Ø BGPROPERTIES позволяет менять свойства фона документа, но поддерживается только браузером Microsoft Internet Explorer.
Например, конструкция:
<BODY BACKGROUND="images/*.gif" BGPROPERTIES="fixed"> позволит прокручивать содержание документа, оставляя фоновое графическое изображение в зафиксированном виде.
Описанные параметры не являются обязательными, однако использование BGCOLOR рекомендуется по следующей причине: пользователь в настройках своего браузера может поставить любой цвет фона, а разработчик, полагая, что белый цвет является основным по умолчанию, может не указать этот параметр. В результате вместо подразумевающегося белого цвета, фон может оказаться черным, зеленым и т. д., что способно привести к нарушению оформления документа. Также наряду с графическим изображением фона рекомендуется использовать и параметры цвета на тот случай, если рисунок не загрузится (тогда браузер отобразит цвет).
Параметры границ документа
Параметры границ HTML-документа создают отступы заданного размера от верхнего, нижнего, левого и правого краев документа. Этим отступам соответствуют параметры TOPMARGIN, BOTTOMMARGIN, LEFTMARGIN и RIGHTMARGIN.
Значения для них задаются в пикселах:
<BODY TOPMARGIN="5" BOTTOMMARGIN="5"LEFTMARGIN="10" RIGHTMARGIM="10">
Однако данные параметры не воспринимаются некоторыми браузерами. В частности, Netscape объединяет упомянутые параметры в две группы горизонтальные и вертикальные отступы:
<BODY MARGINWIDTH="10" MARGINHEIGHT="5">
Таким образом, если вы хотите учесть особенности всех браузеров, то в HTML-конструкцию надо подставить и те, и другие параметры:
<BODY TOPMARGIN="5" BOTTOMMARGIN="5" LEFTMARGIN="10" RIGHTMARGIN="10" MARGINWIDTH="10" MARGINHEIGHT="5">
Параметры текста
Из параметров текста документа реально применяется только один – TEXT. Он задает цвет основного текста на странице (значение параметра может быть введено аналогично цвету фона документа):
<BODY TEXT="black">
Параметры гиперссылок
Параметры гиперссылок (связей с внутренними или внешними документами) определяют цвет активных (ALINK), не посещенных (LINK) и посещенных (VLINK) ссылок:
<BODY LINK="#OOOOFF" ALINK="#OOOOFF" VLINK="blue">
Первый HTML-документ
Итак, мы рассмотрели основные разделы любого HTML-документа. В целом, теперь можно начать творить нашу первую страницу.
Вызовем редактор текстов (Блокнот). Для этого сделаем следующую процедуру: Пуск > Выполнить… > в командной строке наберем notepad
Перед вами открылся редактор, о котором мы говорили в начале занятия.
Теперь давайте создадим первую свою страницу:
<HTML>
<HEAD>
<TITLE>Мой первый НТМL-документ</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=Windows-1251">
<META NAME="keywords" CONTENT="HTML, документ, первый">
<META NAME="description" СОNТЕNТ="Это мой первый HTML-документ">
</HEAD>
<BODY BGCOLOR="#FFFFFF" TOPMARGIN="30" TEXT="black" LINK="#OOFFOO"ALINK="OOFFOO" VLINK="blue">
Дата добавления: 2015-08-04; просмотров: 711;