Форматы графических файлов

 

Существует множество форматов, которые можно использовать для хранения графических изображений: GIF, JPEG, PCX, WMF и другие. Однако создавая HTML - документ следует ограничить свой выбор лишь двумя - GIF и JPEG, так как их “понимает” большинство современных программ просмотра. Каждый из форматов имеет свои преимущества: один быстрее передается, зато другой сохраняет больше деталей изображения.

 

Тэг <IMG> и его атрибуты

 

Для вставки изображения необходимо воспользоваться тэгом <IMG> совместно с атрибутом SRC, поместив их в надлежащем месте документа и вставив вместо filename URL - адрес изображения:

<IMG SRC=“filename”>

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

По умолчанию, когда изображение вставляется в строку текста, строка выравнивается по низу изображения. Изменить эту установку можно при помощи атрибута ALIGN тэга <IMG> . Этот атрибут имеет следующие значения:

ü TOP - выравнивает текст по верху изображения

ü MIDDLE - выравнивает текст по середине изображения

ü BOTTOM - Выравнивает текст по низу изображения

ü LEFT - обтекаемое текстом изображение прижато к левой стороне окна браузера

ü RIGHT - обтекаемое текстом изображение прижато к правой стороне окна браузера

При помощи тэга <IMG> программе просмотра можно сообщить размеры изображения, которое затем размещено на странице. Рекомендуется делать это из следующих соображений:

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

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

Для указания размеров изображения (в пикселях) используются атрибуты HEIGHT и WIDTH. Если указанные размеры не совпадают с размером изображения, программа просмотра изменит масштаб изображения так, чтобы оно точно вписалось в отведенное под него место.

Для описания изображения необходимо использовать атрибут ALT:

<IMG SRC=“filename” ALT=“description”>

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

Выводимое изображение можно поместить в рамку при помощи атрибута BORDER, который имеет значение, равное ширине рамки в пикселях.

Если текст слишком близко подходит к изображению, необходимо использовать атрибуты VSPACE и HSPACE для указания расстояния (по вертикали) между кромкой текста и краями иллюстрации.