Є ще атрибути, які мені потрібні?

Вам завжди потрібно використовувати атрибут src, який вказує браузеру, де знаходиться зображення. Крім цього є ще й інші атрибути, які можуть знадобитися при роботі з зображеннями.

Атрибут alt використовується для альтернативного опису зображення, якщо, з якихось причин, воно не показано користувачеві. Це особливо стосується користувачів з вадами зору, або якщо сторінка дуже повільно завантажується. Отже, завжди потрібно використовувати атрибут alt :

Приклад 5:

Деякі браузери відображають текст цього атрибута в невеликому боксі при наведенні покажчика миші на зображення. Зверніть увагу, що при використанні атрибуту alt метою є дати альтернативне опис зображення. Атрибут alt не слід використовувати для створення спливаючих повідомлень, оскільки тоді користувачі зі слабким зором будуть змушені слухати повідомлення, не знаючи, що зображено на картинці.

Атрибут title можна використовувати для короткого опису зображення:

Приклад 6:

буде виглядати в браузері:

Якщо ви помістіть курсор, без клацання, над посиланням, ви побачите, що текст "Вивчайте HTML на HTMLbook.at.ua" з'явився у спливаючому боксі.

Два інших важливих атрибуту - width і height:

Приклад 7:

дасть в браузері:

Атрибути width і height можна використовувати для установки ширини і висоти зображення, відповідно. Значення вказується в пікселях. Піксель це одиниця для вимірювання роздільної здатності екрана. (Звичайний дозвіл - 800x600 і 1024x768 пікселів). На відміну від сантиметрів, пікселі є відносними одиницями, які залежать від вирішення даного екрану. Для користувача з високим дозволом екрану 25 пікселів можуть виглядати як 1 сантиметр, а ці ж 25 пікселів при низькій роздільній здатності можуть відповідати 1.5 сантиметрам екрану.

Якщо ви не встановите width і height, зображення буде показано у своєму реальному розмірі. За допомогою width і height ви можете змінювати розміри:

Приклад 8:

буде в браузері:

Непогано пам'ятати, що реальний розмір файлу зображення в кілобайтах залишиться незмінним, і цей файл буде займати той ж час для завантаження, як і раніше, хоча і буде виглядати на екрані зменшеним. Отже, ніколи не зменшуйте розмір зображення атрибутами width і height. Замість цього зменшуйте розмір зображення у програмі редагування.

Тим не менш, непогано використовувати атрибути width і height, оскільки браузер зможе визначати розмір зображення на сторінці до його повного завантаження. Це дозволить браузеру швидше і більш якісно завантажувати сторінки.

Ну, досить про Девіда Хесселхоффа і зображеннях =)

Урок 10: Таблиці

Таблиці використовуються, коли вам необхідно показати "табличні дані" , наприклад, інформацію, логічно впорядковану у стовпці і ряди.