Урок №16

Мультимедия (продолжение)

Графические форматы

    Для встраивания графики в HTML-документ используют несколько графических форматов:

• GIF - Graphic Interchange Format, поддерживает до 256 цветов, поэтому не пригоден для фотографических изображений.
• JEPG - Joint Photographic Experts Group, поддерживет 24-битовую цветовую палитру (миллионы цветов).
• PNG - Portable Network Graphics, поддерживает качество изображения до 48-битовой цветовой палитры.

Включение иллюстраций в документ

    Тег <img> используется для вставки иллюстраций в HTML-документ.

    Атрибут src="графический файл.gif" указывает на исходный файл иллюстрации (здесь: графический файл.gif).

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

Пример

Результат

Основные атрибуты для дескриптора img

• align= top | middle | bottom | left | right - выравнивание, соответственно: по верхнему краю текущей текстовой строки | центрирует иллюстрацию по вертикали | выравнивает нижний край на базовой линии текущей строки | смещает влево | смещает вправо.
• alt="текст" - текст, который выводится вместо изображения при работе в текстовом режиме. При позиционировании курсора мышки на изображении появляется этот текст.

Пример

Результат

• border=n - ширина рамки вокруг рисунка, где при n=0 рамка отсутствует

Пример

Результат

• Атрибуты height и width задают, соответственно, высоту и ширину иллюстрации. Однако, лучше задавать размер графического изображения сразу еще при сохранении, так как эти атрибуты могут исказить рисунок.

Пример

<img src=bast_s.gif alt="Баст, или Бастет, египетская богиня радости и веселья" height=50 width=100>

Результат




Атрибут usemap будет рассмотрен в уроке №19. Этот атрибут позволит нам создать изображение-карту, отдельные области которой будут ссылками на HTML-документы.