Практическая информатика

         

Использование графики в HTML-документах - часть 2


е. в процентах). Это позволяет уменьшить зависимость внешнего вида документа от текущих установок конкретного браузера и особенностей операционной системы. Рекомендуется задавать только один из атрибутов пары "ширина-высота" изображения, иначе рисунок может быть непропорционально деформирован и изменит свой вид.

Пример

Если размер изображения, хранящегося в файле exm2.gif составляет 150 пикселов по ширине и 90 по высоте, то следующая команда приведет к включению в документ деформированного изображения:

<IMG SRC="exm2.gif" WIDTH=50 HEIGHT=200>

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

Язык HTML позволяет задать расположение изображения относительно окружающего его текста. Атрибут ALIGN может принимать следующие значения.

ЗначениеФункция
ТОРВыравнивает одну строку по верху изображения, остальные помещает после рисунка
MIDDLEВыравнивает одну строку по середине изображения, остальные помещает после рисунка
BOTTOMВыравнивает одну строку по низу изображения, остальные помещает после рисунка
LEFTПрижимает обтекаемое текстом изображение к левой стороне окна браузера
RIGHTПрижимает обтекаемое текстом изображение к правой стороне окна браузера

Задания

  1. Запустите браузер Netscape, выберите любую картинку и скопируйте ее к себе в директорию public_html (для копирования картинки поставьте курсор мыши на выбранное изображение, нажмите правую кнопку мышки и в появившемся контекстном меню выберите пункт "Сохранить картинку как..." ("Save image as...
    ), а в окне, задающем список директорий, выберите public_html и введите имя файла).
  2. В документ, хранящийся в файле image.html, включите скопированное изображение, при этом рисунок должен иметь рамку шириной 3 пиксела и прижиматься к правому краю, а расстояние вокруг рисунка должно составлять 5 пикселов.Включите альтернативный текст в описание тега IMG.




Содержание  Назад  Вперед