|
HTML позволяет вставлять в страницы изображения в двух форматах растровой графики: GIF и JPEG. Имеется еще и более новый стандарт PNG, однако он может не поддерживатся устаревшими версиями браузеров.
Включение изображения в страницу осуществляется с помощью тега <IMG>, адрес файла изображения кодируется в атрибуте SRC, например:
<IMG SRC="images/01.gif">
Для изображений рекомендуется указывать атрибуты WIDTH и HEIGHT — ширину и высоту изображения. Это помогает браузеру быстрее отобразить страницу, так как при указании этих атрибутов от может резервировать место под изображение и осуществлять параллельно загрузку и отображение других элементов.
В качестве единиц измерения используются пиксели. Указанные атрибуты позволяют масштабировать изображение, однако увлекаться этим не следует, так как браузер все-таки не графический редактор и качество масштабирования может оставлять лучшего. Особено это касается уменьшения размеров изображения. Если на странице необходимо разместить несколько небольших изображений, то лучше сделать в графическом редакторе их уменьшенные копии. Этим достигаются две цели: во-первых, улучшается качество уменьшенного изображения, кроме того, файл уменьшенного изображения будет меньше, что ускорит загрузку страницы.
Уменьшенное изображение может служить гиперссылкой на большое изображение, например:
<A HREF="images/01.gif"><IMG SRC="images/01s.gif"></A>
Этот прием часто используется в электронных книгах, когда в основной текст помещаются уменьшенные копии изображений, для просмотра изображения в нормальном масштабе достаточно щелкнуть мышкой на уменьшенном изображении.
|
P.S. При использовании изображений рекомендуется в атрибуте ALT тега <IMG> кодировать содержательное описание изображений. Это позволит пользователю при подключении по медленной линии отключать загрузку графики, загружая затем только нужные изображения. Значение атрибута ALT отображается в Internet Explorer при наведении на него курсора мыши в виде всплывающей подсказки. |
|
Изображения размещаются на странице непосредственно по тексту, так что к ним применимы все правила форматирования HTML.
Атрибуты тега <IMG>:
| имя атрибута | возможные значения | смысл |
|---|
| SRC="..." | URL | адрес изображения |
|---|
| DYNSRC="..." | URL | предназначен для вывода видеороликов *.avi (указывает путь к файлу), причем он имеет больший приоритет по сравнению с SRC. Введен в Internet Explorer'е 2.0; |
|---|
| ALT="..." | строка | текстовое описание изображения |
|---|
| ALIGN=... | TOP, MIDDLE, BOTTOM, LEFT, RIGHT | позиционирование изображения относительно текущей текстовой строки, по умолчанию BOTTOM |
|---|
| HEIGHT=... | целое | высота в пикселях |
|---|
| WIDTH=... | целое | ширина в пикселях |
|---|
| BORDER=... | целое | ширина бордюра (рамки) в пикселях; используется, когда элемент IMG появляется, как текст якоря; используйте BORDER=0 для подавления рамки |
|---|
| HSPACE=... | целое | ширина незаполненного пространства непосредственно слева и справа от изображения в пикселях; значение по умолчанию - малое ненулевое число |
|---|
| VSPACE=... | целое | высота незаполненного пространства выше и ниже изображения в пикселях; значение по умолчанию - малое ненулевое число |
|---|
| USEMAP="..." | URL | фрагмент идентификатора для сайта клиента с картой образа; карты определены элементом MAP; имена карт - чувствительны к регистру набора символов |
|---|
| ISMAP | ISMAP | показывает, что изображение является картой образа, реагирующей на нажатие клавиши мыши; когда пользователь "кликает" на изображении, этот атрибут обеспечивает передачу координат курсора серверу |
|---|
by ktima
|
