IMG - линейные изображения

Цель

Для включени изображенияв документ

Типичное отображение

Изображения представляются, как часть документа. Неграфические броузеры представляют взамен изображения значение атрибута ALT

Позиционирование изображения обеспечивается атрибутами элемента IMG

Основной синтаксис

Возможные атрибуты

Атрибутов HEIGHT, WIDTH, HSPACE, VSPACE, и USEMA нет в HTML 2.0!

Атрибуты WIDTH и HEIGHT при совместном использовании позволяют программам просмотра зарезервировать место на экране для изображения еще до того, как они будут переданы по сети. Это позволяет пользователю начать чтение, пока передача данных еще продолжается. Эти атрибут непредназначены для автоматического изменения размера изображения броузерами. Хот некоторыеброузеры могут масштабировать изображение в соответствии с атрибутами WIDTH и HEIGHT, не полагайтесь на это. Таким образом, они должны задават реальный размеризображения. (Используйте подходящую программу для определения размеров в пикселях и масштабирования изображения, если это потребуется.)

Значения ALIGN имеют следующий смысл

ALIGN=TO

Позиционирует верх изображения с верхом текущей текстовой строки. Броузеры по разному интерпретируют это. Некоторые принимают во внимание то, что было на текстовой строке до изображения и игнорируют, что идет на строке после него

ALIGN=MIDDL

Выравнивает середину изображения по основной текстовой строке

ALIGN=BOTTOM (по умолчанию)

Выравнивает низ изображения по основной строке

ALIGN=LEF

Перемещает изображение к текущему левому краю, временно изменяя этот край так, чтобы последующий текст переместился вдоль правой стороны изображения. Отображение зависит от того, были ли выровненные по левому краю какой-нибудь текст или ранее появившееся изображение до того, как в разметке появилось текущее изображение. Такой текст (но не изображения)обычно заставляет выровненные по левому краю изображения смещаться на новую строку, с последующим продолжением текста на прежней строке

ALIGN=RIGH

Перемещает изображение к текущему правому краю, временно изменяя этот край так, чтобы последующий текст переместилсвдоль левой стороны изображения. Отображение зависит от того, были ли выровненные по правому краю какой-нибудь текст или ранее появившиеся изображения до того, как в разметке появилось текущее изображение. Такой текст (но не изображения)обычно заставляет выровненные по правому краю изображения смещаться на новую строку с последующим продолжением текста на прежней строке

Заметьте, что некоторые броузеры (например, Internet Explorer 2.0 и 3.0)вводят случайное расположение многочисленных лево- и правовыровненных образов. Смотрит BRо способах управления текстовым потоком

Что касается ISMAP, приведем пример того, как можно его использовать

Нажатые координаты передаются серверу. Броузер извлекает новый URL из URL, специфицированного атрибутом HREF, с добавлением знака вопроса (?), координат x, запятой (,)и координат yлокализации (координаты выражены в пикселях). Связь следует с использованием уже нового URL. Например, если пользователь нажал на участок с x=10, y=27, формируемый URL будет:"/cgibin/navbar.map?10,27". В целом, это хорошая идея для подавления бордюра (использование атрибута BORDER=0)и обозначения того, что изображение реагирует на нажатие клавиши мыши

Допустимый контекст

Текстовый контейнер, т.е. любой элемент, который может содержат текстовые элементы. Это включает большинство элементов HTML

Содержимое

Никакое

Примеры

Пример IMG-1.html

This is a simple example of embedding images. This paragraph should be displayed, in a graphical browser, with an image at the right, and before this paragraph the same image should appear separately, with default alignment. 

Используйте IMG с ISMAP, чтобы создат реагирующую на нажатие клавиши мыши карту:

Пример IMG-2.html

Примечания

Смотрите общее обсуждени изображений, формул и т.д., которое содержит дополнительные примеры

Если Вы хотите, чтобы изображение появилось справа или слева от текстового абзаца, Вы должны расположить элемент IMG началеабзаца (Pэлемент). Однако при этом результат может Вас не устроить. Поэтому хорошей практикой стало имет элемен BRс атрибутом CLEARв конце такого абзаца

Семантика и использование атрибут ALT пока ясно не определены. Можно рассматривать как рекомендации, обеспечение текстовых вставок содержимоеизображения для текстовых и речевых броузеров. Однако лучше вставлят заголовки или надписирядом с изображением. Иногда трудно сказать, как лучше дать пояснения к изображению в атрибуте ALT, так как синтаксис ограничен значениями, которые могут использоваться в коде разметки HTML. Более того, одни графические броузеры в ситуации, когда пользователь прекращает автоматическую загрузку изображения высвечивают значение ALT, другие - могут высветить только часть сгенерированного образа, которая мало что говорит. На эту тему A.Дж. Флавелл написал обширный докумен Использование ALT текстов в IMG