logo
ВебТех Конспект лекций 2011 укр

Використання графіки в html.

Для того, щоб вставити в Web-сторінку зображення, необхідно або намалювати його, або взяти вже готове. У будь-якій програмі малювання можна створити просте зображення і зберегти його в потрібному форматі. Якщо програма цей формат не підтримує, необхідно перетворити файл в потрібний формат. Існує безліч програм, призначених для перетворення одного графічного формату в іншій. Запозичити ж картинки можна з різних програмних пакетів або з інших Web-сторінок в Internet, що містять бібліотеки вільного доступу художніх зображень. Коли браузер виводить Web-сторінку з зображенням, відповідний графічний файл тимчасово зберігається в пам'яті комп'ютера. У більшості браузерів є команда, яка дозволяє зберегти файл на локальному диску. Існує також безліч інших варіантів отримання графічних файлів.

Зображення можуть нести певну інформацію, та й просто додають Web-сторінці привабливий вигляд. Наведемо найбільш поширені випадки застосування зображень:

логотип компанії на діловій сторінці;

  1. графіка для рекламного оголошення;

  2. різні малюнки;

  3. діаграми і графіки;

  4. художні шрифти;

  5. підпис автора сторінки;

  6. застосування графічної рядки в якості горизонтальної розділової лінії;

  7. застосування графічних маркерів для створення красивих маркованих списків.

Тепер розглянемо як вставити зображення в Web-сторінку. Тегом HTML, який змушує браузер виводити зображення, є <IMG> з обов'язковим атрибутом SRC (SouRCe, джерело). Ім'я файлу являє собою ім'я виведеного графічного файлу. Замикаючого тега не потрібно.

Приклад вставки зображення:

<IMG SRC="image.gif" ALT="ІЗОБРАЖЕНІЯ">

Зображення на Web-сторінці можуть використовуватися в якості гіпертекстових посилань, як і звичайний текст. Читач клацає на зображенні і відправляється на іншу сторінку або переходить до іншого зображенню. Для позначення зображення як гіпертекстової мітки використовується той же тег <A>, що і для тексту, але між <A> і </ A> вставляється тег зображення <IMG>:

<A HREF="адрес файлу або ізображенія"> <IMG SRC = "image.gif"> </ A>

При цьому зображення, використовуване як гіпертекстового посилання, обводиться додаткової рамкою.

<h2>Атрибути і їх аргументи</h2>

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