Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Создание HTML.doc
Скачиваний:
17
Добавлен:
25.03.2016
Размер:
309.25 Кб
Скачать

Увеличение размеров изображения.

Увеличение изображения осуществляется, когда исходное изображение меньше отведенного для него с помощью атрибутов height и width пространства. В таком случае броузер увеличивает изображение, подгоняя его под зарезервированное для него пространство.

Как и при уменьшении изображения, необходимо соблюдать пропорции. Однако в отличии от уменьшения изображения, при увеличении вам нужно также позаботиться о растеризации. При увеличении изображения броузер увеличивает каждый пиксель. Результат иногда получается очень некрасивым.

Создание альтернативного текста.

Итак, вы встроили несколько изображений в документ HTML. А как насчет тех пользователей, которые не могут просматривать изображения? Вы можете предусмотреть для них альтернативный текст, который будет сообщать им об изображении. Это можно сделать с помощью атрибута alt дескриптора <img>:

<IMG SRC="имя файла" ALT="Описание">

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

Рамка вокруг изображения.

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

Атрибуту border дескриптора <IMG> присваивается значение ширины рамки в пикселях. Если вы хотите, чтобы ширина рамки составляла 10 пикселей, присвойте этому атрибуту значение 10. Ниже показан документ HTML с тремя изображениями, которые имеют рамки различной ширины.

Свободное пространство вокруг изображения.

Возможно, вам не нравится, что текст расположен слишком близко к изображению. В таком случае используйте атрибуты vspace и hspace, которые расширяют свободное пространство округ изображения по вертикали и по горизонтали, соответственно. Каждому из этих атрибутов присваивается значение в пикселях, которое вы хотите использовать для увеличения свободного пространства между рисунком и окружающим текстом. Ниже показан пример расширения свободного пространства вокруг изображения, чтобы отделить его от текста. Здесь показан полученный результат.

Использование изображения в качестве ссылки.

Изображение заключается в дескриптор <А>, как показано ниже:

<A HREF="адрес сайта, куда указывает ссылка"><IMG SRC="путь к вашему файлу"></A>