Локальные ссылки внутри документа

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

Перед тем, как использовать ссылку, в нужных местах документа (тех, куда необходимо сослаться) должны быть расставлены локальные метки вида:

<A name = ‘’Метка’’> </A>.

Например: <A name = ‘’Начало’’> Заголовок документа </A>.

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

Текст <A href = ‘’#Метка’’> Текст для щелчка </A>.

Например: Переход <A href = ‘’#Начало’’> к началу текста </A>.

С помощью таких закладок можно создавать, например, оглавление документа, состоящее из набора ссылок в начале страницы на локальные метки, размещаемые в разных разделах документа.
8. РАЗМЕЩЕНИЕ ГРАФИЧЕСКИХ И ВИДЕОИЗОБРАЖЕНИЙ

Для размещения графических изображений внутри текста или таблиц вы можете воспользоваться тегом <IMG>. Он не содержит конечного тега - вся необходимая информация задается при помощи атрибутов. Этот элемент является универсальным: с его помощью можно использовать изображения в гипперссылках (см. п.7.1), вставлять картинки в таблицы, размещать рисунки на web- странице, создавать маркеры и т.д.

Необходимым атрибутом является src - указатель на файл графики: src= ’’ Ссылка на файл’’.

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

Например: <IMG src=’’pict1.gif’’ alt= ‘’План города’’>.

Необходимо еще раз отметить, что web-броузеры могут воспринимать графические изображения только в виде файлов в формате .gif или .jpg.

В теге можно использовать атрибут выравнивания текста, размещенного в одном параграфе с рисунком (обтекание текстом) - align:

align=’’bottom’’ - текст выравнивается по нижнему краю рисунка;

align=’’left’’ - текст слева от рисунка;

align=’’middle’’ - текст центрируется по высоте изображения;

align=’’right’’ - текст справа;

align=’’top’’ - выравнивание текста по верхнему краю рисунка.

Можно задать высоту height=Высота в пикселах или ширину width = Ширина в пикселах рисунка. Допустимо применение только одного из атрибутов. В этом случае рисунок масштабируется в соответствии с заданным атрибутом, а второй размер устанавливается автоматически в соответствующей пропорции.

Толщина рамки задается в пикселах:

border= Число пикселов.

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

hspace= Число пикселов - справа и слева;

vspace= Число пикселов - сверху и снизу.