Картинка в тексті

Картинку можна поміщати в документ майже так само, як текстовий символ. Для вставки цього незвичайного знака потрібно скористатися командою <img>. Команда не має парного закриваючого тега, але має багато атрибутів.

Атрибут src=имя_файла

Найголовнішим атрибутом команди є атрибут src, за допомогою якого можна задати ім'я файлу з картинкою. Наприклад, команда <img src=img.gif> примусить браузер відобразити на екрані графічний файл img.gif з поточного каталога.

Звичайно графічні файли не змішують з HTML-текстами, а поміщають в окрему теку ріс - підкаталог каталога з програмами (HTML-файлами). Тоді команда виведення графіки матиме вигляд:

Атрибут alt="текст_надписи"

Якщо браузер не знаходить картинки у вказаному місці на диску, він замість неї малює на екрані маленький прямокутник і вписує в нього напис, який заданий атрибутом alt.

Наприклад, виконуючи команду

браузер, не знайшовши на диску картинку, виведе на екран такий малюнок (мал. 5.2).

Атрибут alt рекомендується використовувати завжди. Навіть якщо картинка знайдена браузером, завдання напису не буде зайвим: коштує користувачу зупинити курсор на картинці, як напис з'явиться в маленькому віконці і повідомить додаткову інформацію.

Атрибути width=n і height=m

Ці атрибути задають ширину і висоту (в пикселах) прямокутника, в який виводиться картинка. Якщо атрибути не задані, картинка малюється в природних розмірах. Коли розміри прямокутника не співпадають з розмірами картинки, браузер проводить масштабування картинки, підганяючи її під вказані величини. Рекомендується завжди записувати ці атрибути і указувати в них природні розміри картинки. Якщо розміри указуються невірно - картинка виводиться браузером із спотворенням (мал. 5.3).

Якщо вказівка розмірів зовсім опущено - на екрані відбувається маленький «землетрус» у момент приходу картинки з мережі. Адже не знаючи розмірів зображення, браузер залишає під нього на екрані стандартний прямокутник, продовжуючи будувати решту елементів. Коли картинка завантажена, браузеру доводиться повністю перемальовувати екран.

Атрибут border=n

Атрибут дозволяє задати рамку навкруги ілюстрації товщиною в n пикселов. За відсутності атрибута або при значенні n=0 рамка не малюється (мал. 5.4).