double arrow

Графика в HTML-документах

Внедрение графических образов в документ позволяет пользователю видеть изображения непосредственно в контексте других элементов документа. Это наиболее часто используемая техника при проектировании документов, называемая иногда "inline image".

2.6.1. Тег <IMG>

Для внедрения изображения в HTML-документ используется тег <IMG>. Синтаксис тега:

<IMG SRC=" URL " ALT=" text " HEIGHT=n1 WIDTH=n2 ALIGN= top|middle|bottom|texttop ISMAP>

Опишем атрибуты тега:

URL -обязательный параметр, имеющий такой же синтаксис, как и стандартный URL. Данный URL указывает браузеру где находится рисунок. Рисунок должен храниться в графическом формате, поддерживаемом браузером(например, GIF или JPG).

ALT="text" - данный необязательный атрибут задает текст, который будет отображен браузером, не поддерживающим отображение графики или с отключенным отображением изображений. Обычно, это короткое описание изображения, которое пользователь сможет увидеть на экране в виде всплывающей подсказки.

HEIGTH=n1 - данный необязательный атрибут используется для указания высоты рисунка в пикселях. Если данный атрибут не указан, то используется оригинальная высота рисунка. Это параметр позволяет сжимать или растягивать изображения по вертикали, что позволяет более четко определять внешний вид документа. Однако, некоторые браузеры не поддерживают данный атрибут.

WIDTH=n2 - атрибут также необязателен, как и предыдущий. Позволяет задать абсолютную ширину рисунка в пикселях.

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

ISMAP – этот атрибут сообщает браузеру, что данное изображение позволяет пользователю выполнять какие-либо действия, щелкая мышью на определенном месте изображения.

BORDER - данный атрибут позволяет автору определить ширину рамки вокруг рисунка.

VSPACE - позволяет установить размер в пикселах пустого пространства над и под рисунком, чтобы текст не наезжал на рисунок. Особенно это важно для динамически формируемых изображений, когда нельзя заранее увидеть документ.

HSPACE - то же самое, что и VSPACE, но только по горизонтали.


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



Сейчас читают про: