форматування зображень

форматування зображень

Якщо Ви помістили Ваше зображення на сторінці, то тепер необхідно освоїти форматування зображення. Змінити розмір зображення, а також задати для нього інші властивості елементарно просто. Для цих цілей використовуються атрибути: height = "", width = "", vspace = "", hspace = "", align = "", topmargin = "", leftmargin = "", border = "" і etc. Ці атрибути необхідно вказувати в складі тега «img». Розглянемо основні варіанти їх використання.

Ширину і висоту Вашого зображення Ви можете задати за допомогою тегів: height = "n", width = "m", де замість «n» - треба вказати висоту зображення в пікселах, а замість «m» - вказати ширину зображення також в пікселах ( лапки "" необхідно залишити). Цифра зазначена Вами приймається браузером в пікселах за замовчуванням. Але Ви, при необхідності, можете вказати величину зображення і в процентах, поставивши після значення знак%. Якщо ці атрибути не вказувати, то зображення буде поміщено з оригінальним розміром.

форматування зображень

Помістити зображення в потрібному місці на сторінці Ви зможете за допомогою атрибута align = "". Цей тег має наступні значення: top - зверху, middle - посередині, bottom - знизу, left - зліва, right - праворуч. Якщо цей атрибут не вказувати, то зображення буде міститися зверху зліва сторінки, фрейми або елементу таблиці. Крім цього, для зображення може бути заданий в пікселях відступ від позиції topmargin = "" - зверху і leftmargin = "" - зліва.

Часто зображення присутнє в тексті: передує йому, оточене їм або доповнює його, і для цього необхідно вказати його положення щодо тексту, задати відступи. Для цього служать атрибути vspase і hspace, які задають відступ в пікселях над і під зображенням, а також, ліворуч і праворуч від зображення відповідно.

Варто відзначити, що різні браузери різних розробників, через свободи інтерпретації і конкуренції, прагнучи поліпшити уявлення графіки по-різному (по-своєму) відображають Ваше зображення на сторінці. Тому Вам необхідно для об'єктивного уявлення Вашої графіки тестувати її відображення в декількох браузерах, особливо в найпопулярніших, таких як Google Chrome, Opera, Mozilla Firefox, Safari і Internet Explorer.

Схожі статті