мета-данные страницы
Загрузка не удалась. Возможно, проблемы с правами доступа?
Различия
Показаны различия между двумя версиями страницы.
Предыдущая версия справа и слеваПредыдущая версияСледующая версия | Предыдущая версия | ||
html:tags:img [14/04/2010 11:09] – dnaumov | html:tags:img [21/04/2010 13:05] (текущий) – dnaumov | ||
---|---|---|---|
Строка 17: | Строка 17: | ||
|[[# | |[[# | ||
|[[# | |[[# | ||
- | |[[#parametr_height|height]] | + | |[[#parametr_height_i_width|height]] |
- | |[[#parametr_hspace|hspace]] | + | |[[#parametr_hspace_i_vspace|hspace]] |
|[[# | |[[# | ||
|[[# | |[[# | ||
|[[# | |[[# | ||
- | |[[#parametr_vspace|vspace]] | + | |[[#parametr_hspace_i_vspace|vspace]] |
- | |[[#parametr_width|width]] | + | |[[#parametr_height_i_width|width]] |
|[[# | |[[# | ||
Строка 49: | Строка 49: | ||
</ | </ | ||
- | Описание параметров тега < | + | ===== Описание параметров тега < |
- | Параметр ALIGN | + | |
- | HTML: 3.2 4 XHTML: 1.0 1.1 | + | ==== Параметр ALIGN ==== |
- | Описание | + | |
+ | === Описание | ||
Для изображений можно указывать их положение относительно текста или других изображений на веб-странице. Способ выравнивания изображений задается параметром align тега < | Для изображений можно указывать их положение относительно текста или других изображений на веб-странице. Способ выравнивания изображений задается параметром align тега < | ||
- | Синтаксис | ||
+ | === Синтаксис === | ||
+ | < | ||
<img align=" | <img align=" | ||
- | Аргументы | + | </ |
- | В табл. 1 перечислены возможные значение параметра align и результат его использования. | + | === Аргументы |
- | Табл. 1. Использование значений параметра align Значение Описание Пример | + | |
- | bottom Выравнивание нижней границы изображения по окружающему тексту.. Lorem ipsum dolor sit amet, consectetuer adipiscing elit... | + | |
- | left Выравнивает изображение по левому краю окна. Lorem ipsum dolor sit amet, consectetuer adipiscing elit... | + | |
- | middle Выравнивание середины изображения по базовой линии текущей строки. Lorem ipsum dolor sit amet, consectetuer adipiscing elit... | + | |
- | right Выравнивает изображение по правому краю окна. Lorem ipsum dolor sit amet, consectetuer adipiscing elit... | + | |
- | top Верхняя граница изображения выравнивается по самому высокому элементу текущей строки. Lorem ipsum dolor sit amet, consectetuer adipiscing elit... | + | |
- | Наиболее | + | В таблице перечислены возможные значение параметра |
- | Значение по умолчанию | + | |
- | bottom | + | < |
+ | <table width=" | ||
+ | < | ||
+ | Таблица. Использование значений параметра align | ||
+ | </ | ||
- | Пример | + | <tr> |
+ | < | ||
+ | < | ||
+ | <th>Пример</ | ||
+ | </ | ||
+ | <tr align=" | ||
+ | <td bgcolor="# | ||
+ | <td>Выравнивание | ||
- | HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0 | + | < |
+ | adipiscing elit...</ | ||
+ | </ | ||
+ | <tr align=" | ||
+ | <td bgcolor="# | ||
+ | < | ||
+ | < | ||
+ | ipsum dolor sit amet, consectetuer adipiscing elit...</ | ||
+ | </tr> | ||
+ | <tr align=" | ||
+ | <td bgcolor="# | ||
+ | < | ||
+ | < | ||
+ | consectetuer adipiscing elit...</ | ||
+ | </tr> | ||
+ | <tr align=" | ||
+ | <td bgcolor="# | ||
+ | |||
+ | < | ||
+ | < | ||
+ | ipsum dolor sit amet, consectetuer adipiscing elit...</ | ||
+ | </tr> | ||
+ | <tr align=" | ||
+ | <td bgcolor="# | ||
+ | < | ||
+ | текущей строки.</ | ||
+ | < | ||
+ | consectetuer adipiscing elit...</ | ||
+ | |||
+ | </tr> | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | Наиболее популярные параметры — left и right, создающие обтекание текста вокруг изображения. | ||
+ | |||
+ | === Значение по умолчанию === | ||
+ | |||
+ | bottom | ||
+ | |||
+ | === Пример === | ||
+ | <code html|Выравнивание изображения> | ||
< | < | ||
< | < | ||
< | < | ||
- | <meta http-equiv=" | + | <meta http-equiv=" |
< | < | ||
</ | </ | ||
Строка 91: | Строка 138: | ||
</ | </ | ||
</ | </ | ||
+ | </ | ||
- | Примечание | + | === Примечание |
Дополнительные аргументы absbottom, absmiddle, baseline и texttop понимаются браузерами, | Дополнительные аргументы absbottom, absmiddle, baseline и texttop понимаются браузерами, | ||
- | Параметр ALT | + | |
- | HTML: 3.2 4 XHTML: 1.0 1.1 | + | ==== Параметр ALT ==== |
- | Описание | + | |
+ | === Описание | ||
Параметр alt устанавливает альтернативный текст для изображений. Такой текст позволяет получить текстовую информацию о рисунке при отключенной в браузере загрузке изображений. Поскольку загрузка изображений происходит после получения браузером информации о нем, то замещающий рисунок текст появляется раньше. А уже по мере загрузки текст будет сменяться изображением. | Параметр alt устанавливает альтернативный текст для изображений. Такой текст позволяет получить текстовую информацию о рисунке при отключенной в браузере загрузке изображений. Поскольку загрузка изображений происходит после получения браузером информации о нем, то замещающий рисунок текст появляется раньше. А уже по мере загрузки текст будет сменяться изображением. | ||
Браузеры также отображают альтернативный текст в виде подсказки, | Браузеры также отображают альтернативный текст в виде подсказки, | ||
- | Синтаксис | ||
+ | === Синтаксис === | ||
+ | < | ||
<img alt=" | <img alt=" | ||
- | Аргументы | + | </ |
+ | |||
+ | === Аргументы | ||
Любая подходящяя текстовая строка. Ее обязательно надо брать в двойные или одинарные кавычки. | Любая подходящяя текстовая строка. Ее обязательно надо брать в двойные или одинарные кавычки. | ||
- | Обязательный параметр | + | |
+ | === Обязательный параметр | ||
Да. | Да. | ||
- | Значение по умолчанию | + | |
+ | === Значение по умолчанию | ||
Нет. | Нет. | ||
- | Пример | + | === Пример |
- | + | ||
- | HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0 | + | |
+ | <code html|Добавление альтернативного текста> | ||
< | < | ||
< | < | ||
< | < | ||
- | <meta http-equiv=" | + | <meta http-equiv=" |
< | < | ||
</ | </ | ||
Строка 132: | Строка 185: | ||
</ | </ | ||
</ | </ | ||
+ | </ | ||
- | Параметр BORDER | + | ==== Параметр BORDER |
- | HTML: 3.2 4 XHTML: 1.0 1.1 | + | |
- | Описание | + | |
- | Изображение, | + | === Описание === |
+ | |||
+ | Изображение, | ||
Чтобы убрать рамку, следует задать параметр border=" | Чтобы убрать рамку, следует задать параметр border=" | ||
- | Синтаксис | ||
+ | === Синтаксис === | ||
+ | < | ||
<img border=" | <img border=" | ||
- | Аргументы | + | </ |
+ | |||
+ | === Аргументы | ||
Любое целое положительное число в пикселах. | Любое целое положительное число в пикселах. | ||
- | Значение по умолчанию | ||
- | 0 | + | === Значение по умолчанию === |
- | Пример 4. Рамка вокруг изображения | + | 0 |
- | HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0 | + | === Пример === |
+ | <code htnl|Рамка вокруг изображения> | ||
< | < | ||
< | < | ||
< | < | ||
- | <meta http-equiv=" | + | <meta http-equiv=" |
< | < | ||
</ | </ | ||
Строка 167: | Строка 224: | ||
</ | </ | ||
</ | </ | ||
+ | </ | ||
- | Параметр HEIGHT и WIDTH | + | ==== Параметр HEIGHT и WIDTH ==== |
- | HTML: 3.2 4 XHTML: 1.0 1.1 | + | |
- | Описание | + | === Описание |
Для изменения размеров изображения средствами HTML предусмотрены параметры height и width. Допускается использовать значения в пикселах или процентах. Если установлена процентная запись, | Для изменения размеров изображения средствами HTML предусмотрены параметры height и width. Допускается использовать значения в пикселах или процентах. Если установлена процентная запись, | ||
Строка 177: | Строка 235: | ||
Ширину и высоту изображения можно менять как в меньшую, | Ширину и высоту изображения можно менять как в меньшую, | ||
- | Синтаксис | ||
+ | === Синтаксис === | ||
+ | < | ||
<img height=" | <img height=" | ||
- | Аргументы | + | </ |
+ | |||
+ | === Аргументы | ||
Любое целое положительное число в пикселах или процентах. | Любое целое положительное число в пикселах или процентах. | ||
- | Значение по умолчанию | + | |
+ | === Значение по умолчанию | ||
Исходная ширина или высота изображения. | Исходная ширина или высота изображения. | ||
- | Пример | + | === Пример |
- | + | <code html|Размеры изображения> | |
- | HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0 | + | |
< | < | ||
< | < | ||
< | < | ||
- | <meta http-equiv=" | + | <meta http-equiv=" |
< | < | ||
</ | </ | ||
Строка 203: | Строка 263: | ||
</ | </ | ||
</ | </ | ||
+ | </ | ||
- | Параметр HSPACE и VSPACE | + | ==== Параметр HSPACE и VSPACE |
- | HTML: 3.2 4 XHTML: 1.0 1.1 | + | |
- | Описание | + | === Описание |
Для любого изображения можно задать невидимые отступы по горизонтали и вертикали с помощью параметров hspace и vspace. Особенно это актуально при обтекании рисунка текстом. В этом случае, | Для любого изображения можно задать невидимые отступы по горизонтали и вертикали с помощью параметров hspace и vspace. Особенно это актуально при обтекании рисунка текстом. В этом случае, | ||
- | Синтаксис | ||
+ | === Синтаксис === | ||
+ | < | ||
<img hspace=" | <img hspace=" | ||
- | Аргументы | + | </ |
+ | |||
+ | === Аргументы | ||
Любое целое положительное число в пикселах. | Любое целое положительное число в пикселах. | ||
- | Значение по умолчанию | + | |
+ | === Значение по умолчанию | ||
0 | 0 | ||
- | Пример | + | === Пример |
- | + | ||
- | HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0 | + | |
+ | <code html|Отступы вокруг изображения> | ||
< | < | ||
< | < | ||
< | < | ||
- | <meta http-equiv=" | + | <meta http-equiv=" |
< | < | ||
</ | </ | ||
Строка 237: | Строка 301: | ||
</ | </ | ||
</ | </ | ||
+ | </ | ||
+ | |||
+ | ==== Параметр ISMAP ==== | ||
- | Параметр ISMAP | + | === Описание |
- | HTML: 3.2 4 XHTML: 1.0 1.1 | + | |
- | Описание | + | |
Параметр ismap говорит браузеру что рисунок является серверной картой-изображением. Карты-изображения позволяют привязывать ссылки к разным областям одного изображения. Реализуется в двух различных вариантах — серверном и клиентском. В случае применения серверного варианта браузер посылает запрос на сервер для получения адреса выбранной ссылки и ждет ответа с требуемой информацией. Такой подход требует дополнительного времени на ожидание результата и отдельные файлы для каждой карты-изображения. | Параметр ismap говорит браузеру что рисунок является серверной картой-изображением. Карты-изображения позволяют привязывать ссылки к разным областям одного изображения. Реализуется в двух различных вариантах — серверном и клиентском. В случае применения серверного варианта браузер посылает запрос на сервер для получения адреса выбранной ссылки и ждет ответа с требуемой информацией. Такой подход требует дополнительного времени на ожидание результата и отдельные файлы для каждой карты-изображения. | ||
Отправка данных на сервер происходит следующим образом. Необходимо поместить тег <IMG> в контейнер <A>, где в качестве значения параметра href указать адрес CGI-программы. Программа анализирует полученные координаты нажатия мыши, которые считаются от левого верхнего угла изображения, | Отправка данных на сервер происходит следующим образом. Необходимо поместить тег <IMG> в контейнер <A>, где в качестве значения параметра href указать адрес CGI-программы. Программа анализирует полученные координаты нажатия мыши, которые считаются от левого верхнего угла изображения, | ||
- | Синтаксис | ||
+ | === Синтаксис === | ||
+ | < | ||
<img ismap> | <img ismap> | ||
- | Аргументы | + | </ |
+ | |||
+ | === Аргументы | ||
Нет. | Нет. | ||
- | Значение по умолчанию | + | |
+ | === Значение по умолчанию | ||
По умолчанию этот параметр выключен. | По умолчанию этот параметр выключен. | ||
- | Пример | + | === Пример |
- | + | <code html|Использование параметра ismap> | |
- | HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0 | + | |
< | < | ||
< | < | ||
< | < | ||
- | <meta http-equiv=" | + | <meta http-equiv=" |
< | < | ||
</ | </ | ||
Строка 272: | Строка 339: | ||
</ | </ | ||
</ | </ | ||
+ | </ | ||
Если пользователь установил координаты мыши на изображении 100, 50, то после нажатия на ссылку будет открыт файл по адресу http:// | Если пользователь установил координаты мыши на изображении 100, 50, то после нажатия на ссылку будет открыт файл по адресу http:// | ||
- | Параметр SRC | + | |
- | HTML: 3.2 4 XHTML: 1.0 1.1 | + | ==== Параметр SRC ==== |
- | Описание | + | |
+ | === Описание | ||
Адрес графического файла, который будет отображаться на веб-странице. Наиболее популярны файлы в формате GIF и JPEG. | Адрес графического файла, который будет отображаться на веб-странице. Наиболее популярны файлы в формате GIF и JPEG. | ||
- | Синтаксис | ||
+ | === Синтаксис === | ||
+ | < | ||
<img src=" | <img src=" | ||
- | Обязательный параметр | + | </ |
+ | |||
+ | === Обязательный параметр | ||
Да. | Да. | ||
- | Аргументы | + | |
+ | === Аргументы | ||
В качестве значения принимается полный или относительный путь к файлу. | В качестве значения принимается полный или относительный путь к файлу. | ||
- | Значение по умолчанию | + | |
+ | === Значение по умолчанию | ||
Нет. | Нет. | ||
- | Пример | + | === Пример |
- | + | <code html|Путь к графическому файлу> | |
- | HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0 | + | |
< | < | ||
< | < | ||
< | < | ||
- | <meta http-equiv=" | + | <meta http-equiv=" |
< | < | ||
</ | </ | ||
Строка 308: | Строка 380: | ||
</ | </ | ||
</ | </ | ||
+ | </ | ||
+ |