Раздел документа BODY

Тело документа определяется элементом <BODY>, внутри которого располагаются HTML -элементы и тэги, задающие свойства содержимого документа и отвечающие за то, что мы видим на экране монитора. Тэг <BODY> имеет ряд полезных параметров:

· bgcolor - задаёт цвет фона документа

· background - задаёт url-адрес файла, который будет использоваться в качестве фона.

· link - задаёт цвет не просмотренной ссылки

· alink - задаёт цвет активной ссылки

· vlink - задаёт цвет просмотренной ссылки

Если вы уже работали с каким-нибудь графическим приложением, вам должна быть знакома цветовая система RGB (Red, Green, Blue), т.е. (Красный, Зелёный, Синий). Каждый цвет в системе RGB имеет своё собственное шестнадцатеричное значение в виде цифр и латинских букв, а также название на английском языке.

При определении цвета в HTML -документе можно использовать как название, так и шестнадцатеричное значение. Рассмотрим п ример простого HTML -документа:

<head>

<title>учебник по html4.0</title>

a { text-decoration: none }

</style>

</head>

</body>

Гипертекстовые ссылки. Основным инструментом в сети интернет являются гиперссылки. Щёлкнув по ссылке, мы даём браузеру команду загрузить на наш компьютер нужный документ. Внешний вид ссылки зависит от вашей фантазии и дизайнерского замысла. Это может быть как текст, так и изображение, и даже части изображения. В HTML -документе ссылки задаются с помощью элемента <A>, который имеет параметры href и name.

Параметр href задаёт url-адрес документа? на который указывает ссылка. Например:

<A href="http://www.real.ru">главная</A>

где слово "главная" является ссылкой на сайт: www.real.ru.

Параметр name задаёт имя для части документа, на которую делается ссылка (внутренняя ссылка). В этом случае мы создаём что-то вроде метки, например:

где А это ссылка на "помеченную" часть: <A href="#first"> </A>

Для облегчения просмотра больших документов, достаточно раскидать по нему несколько меток, не забыв создать соответствующие ссылки, и разместить их в начале страницы.

Форматирование текста. Рассмотрим элементы и тэги, участвующие в процессе форматирования текста HTML -документа. Они делятся на тэги логического и физического форматирования. Тэги логического форматирования определяют "характер" текстового фрагмента, который разные браузеры отображают по разному (по умолчанию). Тэги физического форматирования задают вид отображения выделенных участков текста в окне браузера.

Тэги логического форматирования:

<CODE> - используется для выделения текста в качестве программного кода. Текст внутри элемента браузерами обычно отображается моноширинным шрифтом. Например:

<CITE> - используется для выделения текста в качестве цитаты. Текст внутри элемента браузерами обычно отображается курсивом. Например:

<cite>чем больше женщину мы любим, тем меньше нравимся мы ей.</cite>

<EM> - используется для смыслового выделения фрагмента, имеющего некоторую важность. Текст внутри элемента браузерами обычно отображается курсивом. Например:

<em>важный фрагмент</em>

<KBD> - используется для выделения фрагмента текста, в качестве вводимого с клавиатуры. Текст внутри элемента браузерами обычно отображается моноширинным шрифтом. Например, для того, что бы воспользоваться базой данных следует набрать

<STRONG> - используется для выделения очень важных участков текста. Текст внутри элемента браузерами обычно отображается полужирным шрифтом. Например:

<strong>ну очень важный фрагмент</strong>

Тэги физического форматирования:

<I> - задаёт отображение текста курсивом. Например,

<i>курсивом </i>

<B> - задаёт отображение текста полужирным шрифтом. Например,

<b>полужирным шрифтом</b>

<U> - задаёт подчёркивание фрагмента текста. Например,

<u>подчёркнут</u>

<S> и <STRIKE> задают перечёркнутый текст. Например,

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

<TT> - задаёт текст моноширинным шрифтом. Например,

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

<SUP> - отображает текст со сдвигом вверх, иногда шрифтом меньшего размера: верхний индекс. Например,

<SUB> - отображает текст со сдвигом вниз, иногда шрифтом меньшего размера: нижний индекс. Например,

<BIG> - задаёт фрагмент текста шрифтом большего размера. Например,

<big>большего размера</big>

<SMALL> - задаёт фрагмент текста шрифтом меньшего размера. Например,

<small>меньшего размера</small>

<BASEFONT> - задаёт основной цвет, размер и тип шрифта HTML -документа. Если в какой-нибудь части документа требуется изменить вид текста, используйте тэг <FONT>.

Тэг<BASEFONT> имеет три параметра: size, face, color. Например,

<FONT> - задаёт параметры шрифта для фрагмента текста, расположенного между начальным и конечным тэгами данного элемента. Имеет параметры: size, face, color. Параметром face следует задавать несколько схожих типов шрифта, т.к. на компьютере пользователя может не быть именно того шрифта, который вы указали. В этом случае текст будет отображён шрифтом по умолчанию, что может не отвечать вашим дизайнерским замыслам. Например,

Форматирование HTML-документа.

Рассмотрим такие элементы, как абзацы, заголовки, разделительные линии, принудительный перевод строки и всё, что имеет отношение к структурной разметке HTML -документа.
P - элемент, с помощью которого текст в HTML -документе разбивается на абзацы. Имеет один параметр - align, возможные значения которого:

· left - выравнивает абзац по левому краю

· center - текст выравнивается по центру

· right - выравнивает абзац по правому краю

· justify - выравнивает текст абзаца по ширине

Абзац, заданный с помощью элемента <P>, отделяется от остального текста пустой строкой. Например:

текст вашего абзаца

</p>

В данном примере текст абзаца будет выровнен по левой стороне.

BR – тэг принудительного перевода строки. Может иметь параметр clear, прекращающий обтекание изображения текстом. Возможные значения параметра clear: all, left и right. Например:

первая строка<br>вторая строка<br>третья строка<br>

Результат:

первая строка
вторая строка
третья строка

HR – этот тэг вставляет в текст HTML -документа горизонтальную распределительную линию. Имеет параметры:

· width - задаёт ширину линии в пикселях или в процентах от ширины окнабраузера.

· size - задаёт толщину линии в пикселях

· align - задаёт горизонтальное выравнивание (left, center, right)

· noshade - отменяет объёмность линии. (советую использовать всегда).

Заголовки в HTML-документе задаются элементами: H1, H2, H3, H4, H5, H6. Шесть уровней заголовков различаются между собой величиной шрифта. H1 - самый большой и самый "жирный" заголовок, а H6 - самый "тонкий" и маленький. Заголовки отделяются от остального текста пустой строкой сверху и снизу. Элемент может иметь параметр align, с помощью которого заголовок выравнивается по горизонтали (left, center, right). Например:

<h1 align="center">самый большой заголовок, выровненный по центру</h1>

CENTER - элемент, который выравнивает всё содержимое HTML-документа, расположенное между тегами <CENTER> и </CENTER>, посередине окна просмотра браузера. В основном используется для выравнивания таблиц. Например:

<tr>

<td>первая ячейка</td><td>вторая ячейка</td>

</tr>

</table>

</center>

PRE - используется для вставки в HTML -документ отформатированного текста, который будет отображён браузером с сохранением всех пробелов моноширинным шрифтом. Например:

<pre>

отформатированный текст

</pre>

DIV - элемент, с помощью которого фрагмент HTML -документа выделяется в качестве блока или раздела. Может иметь параметр align, выравнивающий блок по горизонтали (left, center, right). Например:

<div>

текст блока

</div>

ADDRESS - элемент, который задаёт фрагмент текста в качестве почтового адреса. Браузеры такой текст обычно отображают курсивом. Например, наш адрес

<address>москва, ул.строителей, 15</address>

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

текст блока

</blockquote>