Раздел документа BODY. Сейчас мы приступаем к самому интересному - изучению тела HTML-документа и его содержимого. Тело определяется элементом , внутри которого располагаются HTML-элементы и тэги, задающие свойства содержимого документа и отвечающие за то, что мы видим на экране монитора. Тэг имеет ряд полезных параметров:
bgcolor - задаёт цвет фона документа
background - задаёт url-адрес файла, который будет использоваться в качестве фона.
link - задаёт цвет не просмотренной ссылки
alink - задаёт цвет активной ссылки
vlink - задаёт цвет просмотренной ссылки
Пару слов о цвете в HTML. Если вы уже работали с каким-нибудь графическим приложением, вам должна быть знакома цветовая система RGB ( Red, Green, Blue ), т.е. ( Красный, Зелёный, Синий ). Каждый цвет в системе RGB имеет своё собственное шестнадцатеричное значение в виде цифр и латинских букв, а также название на английском языке.
Пример: синий: #0000FF или blue, зелёный: #008000 или green
При определении цвета в HTML-документе можно использовать как название, так и шестнадцатеричное значение.
Пример простого HTML-документа на основе пройденного материала:
Текст вашего документа
Гипертекстовые ссылки.
Основным инструментом в сети интернет являются гиперссылки. Щёлкнув по ссылке, мы даём браузеру команду загрузить на наш компьютер нужный документ. Внешний вид ссылки зависит от вашей фантазии и дизайнерского замысла. Это может быть как текст, так и изображение, и даже части изображения. В HTML-документе ссылки задаются с помощью элемента , который имеет параметры href и name.
Параметр href задаёт url-адрес документа на который указывает ссылка.
Пример: главная,
где слово "главная" является ссылкой на сайт: www.real.ru
Параметр name задаёт имя для части документа, на которую делается ссылка (внутренняя ссылка). В этом случае мы создаём что-то вроде метки:
А это ссылка на "помеченную" часть:
Для облегчения просмотра больших документов, достаточно раскидать по нему несколько меток, не забыв создать соответствующие ссылки, и разместить их в начале страницы.
Форматирование текста.
Рассмотрим элементы и тэги, участвующие в процессе форматирования текста HTML-документа. Они делятся на тэги логического и физического форматирования. Тэги логического форматирования определяют "характер" текстового фрагмента, который разные браузеры отобразят по разному (по умолчанию). К примеру, речевой браузер изменит интонацию части текста, которая заключена в пару тэгов логического форматирования. Тэги физического форматирования задают вид отображения выделенных участков текста в окне браузера.
Тэги логического форматирования
- используется для выделения текста в качестве программного кода. Текст внутри элемента браузерами обычно отображается моноширинным шрифтом.
Пример: $a1ref-> [o] = "q"
- используется для выделения текста в качестве цитаты. Текст внутри элемента браузерами обычно отображается курсивом.
Пример: Чем больше женщину мы любим, тем меньше нравимся мы ей.Помните, кто сказал?
- используется для смыслового выделения фрагмента, имеющего некоторую важность. Текст внутри элемента браузерами обычно отображается курсивом.
Пример: этоважный фрагменттекста
- используется для выделения фрагмента текста в качестве вводимого с клавиатуры. Текст внутри элемента браузерами обычно отображается моноширинным шрифтом.
Пример: Для того, что бы воспользоваться базой данных следует набратьexit
- используется для выделения очень важных участков текста. Текст внутри элемента браузерами обычно отображается полужирным шрифтом.
Пример: этону очень важный фрагменттекста
Тэги физического форматирования
- задаёт отображение текста курсивом.
Пример: выделениекурсивом
- задаёт отображение текста полужирным шрифтом.
Пример: выделениеполужирным шрифтом
- задаёт подчёркивание фрагмента текста .
Пример: текстподчёркнут
и задают перечёркнутый текст.
Пример: перечёркнутыйтекст
- задаёт текст моноширинным шрифтом.
Пример: это простомоноширинным шрифт
- отображает текст со сдвигом вверх, иногда шрифтом меньшего размера: верхний индекс.
Пример: WERstidioTM
- отображает текст со сдвигом вниз, иногда шрифтом меньшего размера: нижний индекс.
Пример: Blog
- задаёт фрагмент текста шрифтом большего размера.
Пример: текстбольшего размера
- задаёт фрагмент текста шрифтом меньшего размера.
Пример: текстменьшего размера
- задаёт основной цвет, размер и тип шрифта HTML-документа. Если в какой-нибудь части документа требуется изменить вид текста, используйте тэг . Тэг имеет три параметра: size, face, color.
Пример:
- задаёт параметры шрифта для фрагмента текста, расположенного между начальным и конечным тэгами данного элемента. Имеет параметры: size, face, color. Параметром face следует задавать несколько схожих типов шрифта, т.к. на компьютере пользователя может не быть именно того шрифта, который вы указали. В этом случае текст будет отображён шрифтом по умолчанию, что может не отвечать вашим дизайнерским замыслам.
Пример: