- •Оглавление
- •1.Что такое html
- •2.Минимальные требования к html документу
- •3.Элементы заголовка.
- •4.Элемент body
- •6.Специальные символы
- •7.Списки
- •Нумерованный (упорядоченный) список
- •Маркерованный (неупорядоченный) список
- •Список определений
- •8.Форматирование текста
- •Задание характеристик шрифта
- •9.Отображение графики в документе
- •10.Таблицы
- •11. Фреймы
- •Структура фреймовой конструкции
- •Имена фреймов
- •Документ без фреймов
4.Элемент body
Элемент HEAD описывает характеристики документа на "верхнем уровне". Вторую важную часть HTML-документа составляет элемент BODY. Здесь содержатся рисунки и текст, отображаемые в рабочей области окна. Большая часть элементов HTML используется в пределах элемента BODY.
Атрибуты контейнера BODY |
|
Атрибут |
Значение |
Background=URL |
определяет фоновое изображение для страницы |
BGCOLOR=цвет |
Определяет цвет фона страницы. |
BGPROPERTIES=fixed |
Отменяет движение фонового рисунка вместе с текстом при прокрутке документа. Это позволяет создать эффект водяного знака. |
ID=значение |
Идентификатор элемента в документе. |
Alink=цвет |
Определяет цвет для активной гиперссылки |
LINK=цвет |
Определяет цвет непросмотренных гиперссылок |
VLINK=цвет |
Определяет цвет отображения гиперссылок, которые уже просматривались. |
LEFTMARGIN=n |
Определяет отступ от левого края страницы в пикселях. Это очень удобно, эсли вам необходимо оставить часть картинки незакрытой текстом, например, логотип фирмы. Если n=0, то текст будет начинаться у левого края окна броузера. |
TOPMARGIN=n |
Определяет отступ от верхнего края страницы в пикселях. Если n=0, то текст будет начинаться у верхнего края окна броузера (или фрейма) |
STYLE=CSS-свойства |
Определяет ссылку на страницу стилей |
TEXT=цвет |
Определяет цвет текста в документе. |
Например, нижеприведенный код HTML задает изображение в формате JPEG в качестве фона, белый цвет для просмотренных ссылок и красный для непросмотренных. Для левой и верхней границ установлено значение 1 пиксель. <BODY BACKGROUND="blusky.jpeg" LINK="#FF0000" VLINK="#FFFFFF" TOPMARGIN="1" LEFTMARGIN="1"> Будьте внимательны при определении фонового изображения и цвета, чтобы пользователи, отказавшиеся от загрузки картинок, по-прежнему смогли прочитать написанный вами текст.
5.
Ссылки
Гипертекстовый документ — это документ, содержащий ссылки на другие документы, позволяющие при помощи нажатия кнопки мыши быстро перемещаться от одного документа к другому. Часто подобные ссылки можно увидеть и в файлах справки современных программных продуктов. Ссылка состоит из двух частей. Первая из них — это то, что вы видите на Web-странице; она называется указатель (anchor). Вторая часть, дающая инструкцию браузеру, называется адресной частью ссылки (URL-адресом,
URL reference). Когда вы щелкаете мышью
по указателю ссылки, браузер загружает документ, адрес которого определяется
URL-адресом. Указатели Указателем ссылки может быть слово,
группа слов или изображение. Внешний вид указателя зависит от его типа, способов создания и установок программы просмотра читателя. Указатели бывают двух типов — текстовые и графические. Текстовые указатели не отличаются разнообразием внешнего вида. Обычно
такой указатель представляет собой слово
или слова, подчеркнутые прямой линией.
Цвет указателя может регулироваться автором(смотри таблицы стилей или тэг BODY) и установками программы просмотра. Графические указатели в принципе мало отличаются от текстовых. Они не
выделяются, но вокруг них можно сделать рамку. Графические указатели могут иметь самый разнообразный вид. Элемент-ссылка определяется якорным
тэгом-контейнером <A> Якорный тэг имеет следующий синтаксис: Первый вариант: <A HREF=URL TARGET="name"> Это указатель ссылки - её видимая часть
</A> URL - это адрес документа, на который осуществляется переход. name - одно из зарезервированных слов, указывающих, в какое окно осуществляется загрузка вызываемого документа (например, открыть документ в новом окне ); или имя фрейма, в который загрузится открываемый документ. Атрибут TARGET может отсутствовать, тогда документ, к которому осуществляется переход, откроется в текущем окне броузера.
Зарезервированные значения name |
|
Значение |
Описание |
_self |
Загружает указанный файл в окно (фрейм), откуда делается вызов |
_blank |
Загружает указанный файл в новое окно без названия |
_top |
Загружает указанный файл в полное окно, разрушая всю структуру фреймов |
_parent |
Загружает указанный файл в старший (родительский) фрейм сетки фреймов. Если такой кадр не определен, это результат действия аналогичен _top |
Второй вариант: <A NAME="Имя метки">Указатель</A> NAME - это слово, позволяющее определить некоторую метку в любом месте любого HTML-документа, создавая тем самым закладку, к которой можно перейти как из этого, так и из любого другого HTML-документа, указав имя метки в атрибуте
HREF якорного тэга. Например, <A HREF="Example.html" TARGET=_self>Перейти к файлу
Example.html из другого файла</A> <A HREF="Example.html#Lable1" TARGET=_self>Перейти к метке Lable1 файла Example.html из другого файла</A> При это в некотором месте внутри контейнера BODY файла Example.html должна быть обозначена метка <A NAME="Lable1">Это метка 1</A> <A HREF="#Lable1">Перейти к метке Lable1 в файле Example.html из какого-то другого его места </A> А это пример ссылки, указателем которой является картинка 1.gif: <A HREF="Example.html#Lable1"><IMG SRC="1.gif"></A> Пример внешнего вида ссылок - меню этого пособия в левой части окна.