Параметры поля body.

Атрибут BАСКGROUND определяет фон, на котором отображается текст документа. Так, если источником для фона HTML- документа является графический файл image.gif, то в открывающем теге тела BODY появляется соответствующий атрибут:

<ВОDY ВАСКGROUND="image.gif">

Определение цвета фона, текста, ссылок:

<ВОDY ВGCOLOR=#FFFFFF ТЕХТ=#0000FF VLINK=#FF0000 LINK=#00FF00>

Атрибут	Значение
ВGCOLOR=#FFFFFF	Цвет фона
ТЕХТ=#0000FF	Цвет текста
VLINK =#FF0000	Цвет пройденных гипертекстовых ссылок
LINK =#008000	Цвет гипертекстовой ссылки

Цвет фона задается тремя двуразрядными шестнадцатеричными числами, кото рые определяют интенсивность красного, зеленого и синего цветов соответственно. text="#/?/?GGB5"

Для задания цвета текста гиперссылок используется следующий атрибут:link="#/?/?GGflS"

Точно так же можно задать цвет для просмотренных гиперссылок: vlink="#/?/?GGflS"

Можно также указать изменение цвета для последней выбранной пользователем гиперссылки:

alink="#/?/?GGflS"

Гипертекст, расположенный внутри элемента BODY, может иметь произвольную структуру. Ее определяют, в первую очередь, назначение Webстраницы и фантазия разработчика.

Имя параметра	Значение
BGCOLOR	Фоновый цвет документа
TEXT	Цвет для текста документа
LINK	Цвет для непосещенной гипертекстовой связи
VLINK	Цвет для посещенной гипертекстовой ссылки
ALINK	Цвет для активной гипертекстовой ссылки; используется для выделения текста связи на момент, когда пользователь нажал на ссылку
BACKGROUND	URL фонового рисунка

Форматирование текста.

Параграф <p>…</p>. Параграфы отделены друг от друга пустыми строками. Для каждого параграфа возможно задавать свои параметры форматирования при помощи атрибутов, которые указываются в открывающем теге <p «атрибуты»>

Атрибуты	значение	действие
Align – выравнивание	Left	По левому краю
	Right	По правому краю
	Bootom	По центру
	justify	По ширине

<br> – перенос текста на другую строку

<b> Полужирный текст </b>

<i> Наклонный текст (курсив) </i>

<tt> моноширинный шрифт </tt>

<u> Подчеркнутый текст </u>

<s> Перечеркнутый </s>

<small> Малый </small>

Нормальный текст

<big> Большой </big>

Верхний индекс ^{^sup}

Нижний индекс _{_sub}

<pre> - предварительно отформатированный текст. Тег позволяет представить текст с использованием пробелов и переводов строк для последующего отображения его на экране. Это нужно, когда используется только текстовая информация, и мы хотим положить ее на страницу Web, предпочитая выбранную компоновку. Типичное отображение - текст форматируется моноширинным шрифтом, в котором все символы занимают один и тот же размер по горизонтали. Использование пробелов и переводов строк точно соответствует содержимому в пределах тега PRE.

<font>

Атрибуты	значение	действие
size	1..7	Задает размер шрифта
color	Задается шестнадцатиричным числом	Задает цвет шрифта
Face		Определяет тип шрифта

<NOBR> </nobr>

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

<BLOCKQUOTE> </ BLOCKQUOTE >

Обозначение цитаты. Этот элемент требует наличия конечного тега. Текст не претерпевает никаких изменений, но абзац располагается с отступом. К кавычкам этот элемент тоже не имеет никакого отношения: если в цитате имеются кавычки, они должны быть проставлены явным образом. Визуально форматирование этим элементом заключается только в отступе слева, поэтому элемент может быть использован в самых разных случаях.

Этот элемент имеет собственный нестандартный атрибут, который позволяет указать источник цитирования: cite=" Адрес документапервоисточника"

Предполагается, что адрес задается в виде URL.

<Q></ Q >

Элемент, похожий на предыдущий. Но если BLOCKQUOTE позволяет создать отдельный абзац с отступом, то Q используется для выделения цитаты внутри абзаца (или строки).

<CITE> </ CITE >

Предполагается, что этот элемент может быть использован для форматирования цитат и ссылок в обычном понимании этого слова. Текст, расположенный внутри этого элемента, печатается по умолчанию курсивом.

<ADDRESS> </ ADDRESS>

Этот элемент подобен элементу CITE и отличается только предусмотренным со держанием. Он также обеспечивает форматирование курсивом. В некоторых справочных руководствах можно встретить информацию о том, что данный элемент поддерживает атрибут align. Легко убедиться, что это не так.

Вообще, к подобным элементам надо относиться с определенной долей недоверия. Я имею в виду элементы, предназначенные для размещения определенной информации, а не для создания эффектов форматирования. Мы уже рассмотрели элементы ADDRESS и CITE, а элементы CODE, KBD, SAMP и VAR рассматриваются ниже. Дело в том, что они не относятся к основному направлению совершенствования HTML и пользовательских агентов. Поэтому браузеры интерпретируют их поразному и не в обязательном порядке. Другое дело, если стиль для этих элементов определен в самой Webстранице.

<STRONG> </ STRONG>

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

<CODE> </ CODE >, <SAMP> </ SAMP > и <VAR> </ VAR>

Элементы, предназначенные для вывода фрагментов программ. CODE использует ся для форматирования текста программы. SAMP предполагается задействовать при иллюстрации примеров (sample) вывода данных на экран. VAR был создан для выделения переменных (variable). Как правило, все эти элементы обеспечивают вывод моноширинного шрифта.

<KBD> </ KBD >

Этот элемент предназначен для выделения текста, который пользователь должен ввести с клавиатуры (keyboard). Можно рассчитывать, что текст, выделенный с помощью этого элемента, будет выведен моноширинным шрифтом в полужирном начертании.

<ABBRX/ ABBR>

Элемент для обозначения аббревиатур, например: MSIE, HTML, WWW.

< ACRONYM ></ ACRONYM >

Этот элемент можно использовать для выделения акронимов (сокращений, обра зованных несколькими словами), например: и т. д.; и т. п.

Обозначение цитаты. Этот элемент требует наличия конечного тега. Текст не пре терпевает никаких изменений, но абзац располагается с отступом. К кавычкам этот элемент тоже не имеет никакого отношения: если в цитате имеются кавычки, они должны быть проставлены явным образом. Визуально форматирование этим эле ментом заключается только в отступе слева, поэтому элемент может быть исполь зован в самых разных случаях.

В таблице приведены коды некоторых, по большей части невидимых в обычном режиме просмотра, символов. Ряд символов (таких как «line feed» или «carriage return») используется в текстовых редакторах для форматирования текста, а пользователь их не видит.

Escape - последовательности представляют собой метод представления специальных символов. Например, escape - последовательность < обозначает символ "меньше чем" (<). Некоторые символы, такие как <, используются в HTML в специальном значении, поэтому должен существовать способ их выражения, как символьных данных внутри самого документа. Некоторые escape - последовательности приведены в таблице.

Наиболее часто используемые escape – последовательности

Символ	Escape последовательность
<	<
>	>
&	&
Неразрывный пробел
“	"

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

Интересен и символ пробела нулевой длины. Такие символы используются для скрытого разделения слов.

<DIV></DIV>

Элемент <DIV> является блочным элементом и предназначен для выделения фрагмента документа с целью изменения вида содержимого. Как правило, вид блока управляется с помощью стилей. Чтобы не описывать каждый раз стиль внутри тега, можно выделить стиль во внешнюю таблицу стилей, а для тега добавить параметр class или id с именем селектора.

Как и при использовании других блочных элементов, содержимое тега <DIV> всегда начинается с новой строки. После него также добавляется перенос строки.

При использовании DIV используется задание стилей в CSS – каскадные таблицы стилей.

Тегом с аналогичным назначением является <SPAN></SPAN>

шаблон для использования элемента DIV:

<HEAD>

<STYLE type="text/css">

DIV Имя { Свойство: значение', . . . }

</STYLE >

</HEAD >

<BODY>

<DIV с1аss="Имя">

Тело документа

</DIV>

</ BODY >

Элемент SPAN, наоборот, предназначен для включения в состав других элементов:

<HEAD>

<STYLE type="text/css">

SPAN Имя { Свойство: значение; . . . }

</ STYLE >

</ HEAD >

<BODY>

Тело документа

<P> <SPAN сlаss="Имя">Текст 1</SPAN > Текст 2 </P>

</ BODY >

position - устанавливает или определяет позицию элемента.

Значения:

• static - По умолчанию. Позиция объекта определяется текущей разметкой HTML по стандартным правилам.

• absolute - Позиция объекта определяется относительно позиции родительского объекта или отностительно объекта body.relative - Позиция объекта определяется смещением от позиции, в которой он появился по умолчанию.

left/top - Устанавливает или определяет позицию элемента относительно левого/верхнего края.

Значения:

• x – число в процентах или пикселях.

• auto - значение по умолчанию.

<div style="position:relative; top:350px; left:200px; width:300px;">Любое содержимое блока!!!</div>

margin – величина отступа от нашего блока до соседних объектов с четырех сторон.

Значения:

• margin-top - Задает величину верхнего отступа объекта

• margin-left - Задает величину левого отступа объекта

• margin-right - Задает величину правого отступа объекта

• margin-bottom - Задает величину нижнего отступа объекта

<div style="margin-top:30px; margin-left:30px; margin-bottom:30px; margin-right:30px;"> Любое содержимое блока!!!</div>

padding – свойство задает величину пространтства, вставляемого между объектом и его границами.

Значения:

• padding-bottom - Задает величину пространтства, вставляемого между объектом его нижней границей.

• padding-left - Задает величину пространтства, вставляемого между объектом его левой границей.

• padding-right - Задает величину пространтства, вставляемого между объектом его правой границей.

• padding-top - Задает величину пространтства, вставляемого между объектом его верхней границей.

<div style="padding-bottom:30px; padding-left:30px; padding-right:30px; padding-top:30px;"> Любое содержимое блока!!!</div>