Атрибути і їхні аргументи.

Тег зображення має один обов'язковий атрибут SRC і необов'язкові: ALT, ALIGN, USEMAP, HSPACE, VSPACE, BORDER, WIDTH, HEIGHT.

• Атрибут SRCУказує файл зображення і шлях до нього; зображення повинне бути завантажене в браузер і розміщено в тому місці документа, де розташований тег зображення.

• Атрибут ALT Дозволяє вказати текст, що буде виводитися замість зображення браузерами, нездатними виводити графіку. У деяких випадках при недостатній пропускній здатності ліній зв'язку користувачі відключають відображення графіки. Наявність назв замість картинок полегшує сприйняття Web-сторінок у такому режимі.

• Атрибут АLIGN Визначає положення зображення щодо навколишнього його тексту. Можливі значення аргументу — ["top" | "middle" | "bottom"] (відповідно, "вгорі", "посередині", "внизу").

  • ALIGN="top"вирівнює верх зображення по верхньому краї найвищого елемента в рядку навколишнього тексту.

  • ALIGN="middle"вирівнює центр зображення по базовій лінії рядка навколишнього тексту.

  • ALIGN="bottom"вирівнює нижній край зображення по базовій лінії рядка навколишнього тексту.Крім основних значень атрибута ALIGN="ключове слово" існує ще ряд аргументів, що розширюють можливості взаємного розміщення графіки і тексту. Розглянемо їх докладніше. Додаткові можливі значення аргументу — ["left" | "right" | "top" | "texttop" | "middle" |"absmiddle" | "baseline" | "bottom" | "absbottom" ].

  • ALIGN="left"визначає зображення, що обгинається текстом. Зображення розташовується уздовж лівої границі документа, а наступні рядки тексту обгинають його праворуч.

  • ALIGN="right"визначає зображення, що обгинається текстом. Зображення розташовується уздовж правої границі документа, а наступні рядки тексту обгинають його ліворуч.

  • ALIGN="top"вирівнює верх зображення по верхньому краї найвищого елемента в рядку навколишнього тексту точно так само, як при використанні стандартного набору атрибутів.

  • ALIGN="texttop"вирівнює верх зображення по верхньому краї найвищого текстового символу в рядку навколишнього тексту. Дія цього аргументу в більшості випадків, але не завжди, подібно дії аргументу ALIGN="top".

  • ALIGN="middle"вирівнює центр зображення по базовій лінії рядка навколишнього тексту точно так само, як при використанні стандартного набору атрибутів.

  • ALIGN="absmiddle"вирівнює центр зображення по центрі рядка навколишнього тексту.

  • ALIGN="baseline"вирівнює нижній край зображення по базовій лінії рядка навколишнього тексту, тобто робить таку ж дію, як і ALIGN="bottom".

  • ALIGN="bottom"вирівнює нижній край зображення по базовій лінії рядка навколишнього тексту точно так само, як при використанні стандартного набору атрибутів.

  • ALIGN="absbottom"вирівнює нижній край зображення по нижньому краї рядка навколишнього тексту.

• Атрибут USEMAPЯкщо присутні атрибут USEMAP і тег <MAP>, зображення стає чуттєвою картою, або "графічним меню". Якщо клацнути кнопкою миші на активній області зображення, для якого визначений атрибут USEMAP, відбудеться гіпертекстовий перехід до інформаційного ресурсу, установленому для цієї області. Більш докладно це питання буде висвітлено нижче.

• Атрибут BORDER Цілочисельне значення аргументу визначає товщину рамки навколо зображення. Якщо значення дорівнює нулеві, рамка відсутня. Щоб не вводити користувачів в оману, не варто використовувати BORDER=0 у зображеннях, що являють собою частину елемента посилання, оскільки малюнки, застосовувані як гіперпосилання, звичайно виділяються кольоровою рамкою.

• Атрибут HSPACEЦілочисельне значення цього атрибута задає горизонтальну відстань між вертикальною границею сторінки і зображенням, а також між зображенням і текстом, що його обгинає.

• Атрибут VSPACEЦілочисельне значення цього атрибута задає вертикальну відстань між рядками тексту і зображенням.

• Атрибути WIDTH і HEIGHTОбидва атрибути задають цілочисельні значення розмірів зображення по горизонталі і по вертикалі відповідно. Це дозволяє зменшити час завантаження сторінки з графікою. Браузер відразу відводить рамку для зображення і продовжує завантажувати текст на сторінку. Поки завантажується графіка, користувач може почати читати текст. Визначити розмір зображення неважко, для цього досить скористатися будь-як програмою перегляду графічних файлів, наприклад ACDSee або графічним редактором Corel PhotoPaint або Adobe Photoshop. Відкрийте файл у графічному редакторі і визначите розмір картинки в пікселях. У тезі зображення варто вказати ширину і висоту картинки.

<IMG SRC="image.gif" ALT="зображення" WIDTH="100" HEIGHT="200"

HSPACE="10" SPACE="10" BORDER="2" ALIGN="left">