Главная страница Случайная страница
Разделы сайта
АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника
Представление графической информации.
|
|
Для размещения грфических элементов в HTML документах используются грфические файлы 3 типов: *.JPG, *.GIF или *.PNG.
Размещение графического элемента в HTML документе осуществляется при помощи тега < IMG>. Например:
< IMG src=”file_name”>
где file_name это имя графического файла. В табл. 5 перечислены дополнительные параметры тега < IMG>.
| Таблица 5. | |
| Основные параметры тега < IMG> | |
| Параметр | Значение |
| align | Определяет положение объекта относительно окружающего текста. |
| align=”top|middle|bottom|left|right” | |
| alt | Задает альтернативный текст, выводимый вместо графического |
| объекта, если тот не может быть отображен. | |
| border | Задает ширину рамки вокруг элемента в пикселях |
| height | Задает высоту элемента в пикселях |
| width | Задает ширину элемента в пикселях |
| usemap | Задает расположение и имя карты изображений |
Карты изображений.
Для распределения ссылок по картинке, например, для создания графического меню из одной большой картинки, используются карты изображений. Для применения карты изображений к графическому элементу необходимо:
• Указать имя карты изображений для графического элемента. Например:
< IMG src=" menu.gif" usemap=" file_name#map_name" >
• Создать карту изображений с именем map_name и поместить ее в файл с именем
file_name. Если URL не указан, то поиск карты изображений map_name ведется в текущем документе.
Код карты изображений записывается в следующем виде:
< MAP NAME=" map_name" >
< AREA [shape=" default|rect|circle|poly" ] coords=" x, y,..." [href=" reference" ] [nohref]>
< /MAP>
Здесь тэг < AREA> определяет область на картинке. Дополнительные параметры тега < AREA> приведены в табл. 6
| Таблица 6. | ||
| Основные параметры тега < AREA> | ||
| Параметр | Значение | |
| shape | Определяет форму области. Можно задать одну из следующих | |
| областей: | ||
| • | default - стандартная форма | |
| • | rect – прямоугольник | |
| • | circle –круг | |
| • | poly -многоугольник произвольной формы | |
| coords | Задает координаты области в пикселях. Круг имеет три координаты, | |
| прямоугольник - четыре, для многоугольника задаются координаты | ||
| каждого его угла. | ||
| href | Задает ссылку для выделенной области | |
| noref | Указывает, что в данной области картинки отсутствует ссылка |
Например карта изображений, задающая 2 активных области на картинке будет иметь следующий вид:
< MAP NAME=" mymap" >
< AREA shape=" rect" coords=" 0, 0, 50, 20" href=" news.htm" > < AREA shape=" circle" coords=" 100, 25, 25" href=" contacts.htm" >
< /MAP>
Вопросы для обсуждения.
1. Куда ссылается следующая конструкция:
< A HREF = " #" > ссылка< /A>
Лекция 5
|
|