мета-данные страницы
  •  
Загрузка не удалась. Возможно, проблемы с правами доступа?

Различия

Показаны различия между двумя версиями страницы.

Ссылка на это сравнение

Предыдущая версия справа и слеваПредыдущая версия
Следующая версия		Предыдущая версия
html:tags:img [21/04/2010 10:42] – dnaumovhtml:tags:img [21/04/2010 13:05] (текущий) – dnaumov
Строка 17: Строка 17:
 |[[#parametr_alt|alt]]  |Альтернативный текст для изображения.  | |[[#parametr_alt|alt]]  |Альтернативный текст для изображения.  |
 |[[#parametr_border|border]]  |Толщина рамки вокруг изображения.  | |[[#parametr_border|border]]  |Толщина рамки вокруг изображения.  |
-|[[#parametr_height|height]]  |Высота изображения. | +|[[#parametr_height_i_width|height]]  |Высота (ширина) изображения. | 
-|[[#parametr_hspace|hspace]]   |Горизонтальный отступ от изображения до окружающего контента.  |+|[[#parametr_hspace_i_vspace|hspace]]   |Горизонтальный отступ от изображения до окружающего контента.  |
 |[[#parametr_ismap|ismap]]  |Говорит браузеру, что картинка является серверной картой-изображением.  | |[[#parametr_ismap|ismap]]  |Говорит браузеру, что картинка является серверной картой-изображением.  |
 |[[#parametr_lowsrc|lowsrc]]  |Путь к графическому файлу низкого разрешения для предварительного отображения.  | |[[#parametr_lowsrc|lowsrc]]  |Путь к графическому файлу низкого разрешения для предварительного отображения.  |
 |[[#parametr_src|src]]  |Путь к графическому файлу.  | |[[#parametr_src|src]]  |Путь к графическому файлу.  |
-|[[#parametr_vspace|vspace]]  |Вертикальный отступ от изображения до окружающего контента.   | +|[[#parametr_hspace_i_vspace|vspace]]  |Вертикальный отступ от изображения до окружающего контента.   | 
-|[[#parametr_width|width]]  |Ширина изображения.  |+|[[#parametr_height_i_width|width]]  |Ширина изображения.  |
 |[[#parametr_usemap|usemap]]  |Ссылка на тег [[map|<MAP>]], содержащий координаты для клиентской карты-изображения. | |[[#parametr_usemap|usemap]]  |Ссылка на тег [[map|<MAP>]], содержащий координаты для клиентской карты-изображения. |
  
Строка 249: Строка 249:
 Исходная ширина или высота изображения. Исходная ширина или высота изображения.
  
-Пример 5. Размеры изображения +=== Пример === 
- +<code html|Размеры изображения>
-HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0 +
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 <html> <html>
  <head>  <head>
-  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   <title>Тег IMG, параметр width</title>   <title>Тег IMG, параметр width</title>
  </head>  </head>
Строка 265: Строка 263:
  </body>  </body>
 </html> </html>
 +</code>
  
-Параметр HSPACE и VSPACE +==== Параметр HSPACE и VSPACE ==== 
-HTML: 3.2 4 XHTML: 1.0 1.1 + 
-Описание+=== Описание ===
  
 Для любого изображения можно задать невидимые отступы по горизонтали и вертикали с помощью параметров hspace и vspace. Особенно это актуально при обтекании рисунка текстом. В этом случае, чтобы текст не «наезжал» плотно на изображение, необходимо вокруг него добавить пустое пространство. Для любого изображения можно задать невидимые отступы по горизонтали и вертикали с помощью параметров hspace и vspace. Особенно это актуально при обтекании рисунка текстом. В этом случае, чтобы текст не «наезжал» плотно на изображение, необходимо вокруг него добавить пустое пространство.
-Синтаксис 
  
 +=== Синтаксис ===
 +<file>
 <img hspace="отступ по горизонтали" vspace="отступ по вертикали"> <img hspace="отступ по горизонтали" vspace="отступ по вертикали">
-Аргументы+</file> 
 + 
 +=== Аргументы ===
  
 Любое целое положительное число в пикселах. Любое целое положительное число в пикселах.
-Значение по умолчанию+ 
 +=== Значение по умолчанию ===
  
 0 0
  
-Пример 6. Отступы вокруг изображения +=== Пример ===
- +
-HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0+
  
 +<code html|Отступы вокруг изображения>
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 <html> <html>
  <head>  <head>
-  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   <title>Тег IMG, параметр hspace</title>   <title>Тег IMG, параметр hspace</title>
  </head>  </head>
Строка 299: Строка 301:
  </body>  </body>
 </html> </html>
 +</code>
  
-Параметр ISMAP +==== Параметр ISMAP ==== 
-HTML: 3.2 4 XHTML: 1.0 1.1 + 
-Описание+=== Описание ===
  
 Параметр ismap говорит браузеру что рисунок является серверной картой-изображением. Карты-изображения позволяют привязывать ссылки к разным областям одного изображения. Реализуется в двух различных вариантах — серверном и клиентском. В случае применения серверного варианта браузер посылает запрос на сервер для получения адреса выбранной ссылки и ждет ответа с требуемой информацией. Такой подход требует дополнительного времени на ожидание результата и отдельные файлы для каждой карты-изображения. Параметр ismap говорит браузеру что рисунок является серверной картой-изображением. Карты-изображения позволяют привязывать ссылки к разным областям одного изображения. Реализуется в двух различных вариантах — серверном и клиентском. В случае применения серверного варианта браузер посылает запрос на сервер для получения адреса выбранной ссылки и ждет ответа с требуемой информацией. Такой подход требует дополнительного времени на ожидание результата и отдельные файлы для каждой карты-изображения.
  
 Отправка данных на сервер происходит следующим образом. Необходимо поместить тег <IMG> в контейнер <A>, где в качестве значения параметра href указать адрес CGI-программы. Программа анализирует полученные координаты нажатия мыши, которые считаются от левого верхнего угла изображения, и возвращает требуемую веб-страницу. Отправка данных на сервер происходит следующим образом. Необходимо поместить тег <IMG> в контейнер <A>, где в качестве значения параметра href указать адрес CGI-программы. Программа анализирует полученные координаты нажатия мыши, которые считаются от левого верхнего угла изображения, и возвращает требуемую веб-страницу.
-Синтаксис 
  
 +=== Синтаксис ===
 +<file>
 <img ismap> <img ismap>
-Аргументы+</file> 
 + 
 +=== Аргументы ===
  
 Нет. Нет.
-Значение по умолчанию+ 
 +=== Значение по умолчанию ===
  
 По умолчанию этот параметр выключен. По умолчанию этот параметр выключен.
  
-Пример 7. Использование параметра ismap +=== Пример === 
- +<code html|Использование параметра ismap>
-HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0 +
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 <html> <html>
  <head>  <head>
-  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   <title>Тег IMG, параметр ismap</title>   <title>Тег IMG, параметр ismap</title>
  </head>  </head>
Строка 334: Строка 339:
  </body>  </body>
 </html> </html>
 +</code>
  
 Если пользователь установил координаты мыши на изображении 100, 50, то после нажатия на ссылку будет открыт файл по адресу http://www.htmlbook.ru/cgi-bin/map.cgi?100,50. Последние цифры передаются в CGI-программу по методу GET и интерпретируются на сервере. Если пользователь установил координаты мыши на изображении 100, 50, то после нажатия на ссылку будет открыт файл по адресу http://www.htmlbook.ru/cgi-bin/map.cgi?100,50. Последние цифры передаются в CGI-программу по методу GET и интерпретируются на сервере.
-Параметр SRC + 
-HTML: 3.2 4 XHTML: 1.0 1.1 +==== Параметр SRC ==== 
-Описание+ 
 +=== Описание ===
  
 Адрес графического файла, который будет отображаться на веб-странице. Наиболее популярны файлы в формате GIF и JPEG. Адрес графического файла, который будет отображаться на веб-странице. Наиболее популярны файлы в формате GIF и JPEG.
-Синтаксис 
  
 +=== Синтаксис ===
 +<file>
 <img src="URL"> <img src="URL">
-Обязательный параметр+</file> 
 + 
 +=== Обязательный параметр ===
  
 Да. Да.
-Аргументы+ 
 +=== Аргументы ===
  
 В качестве значения принимается полный или относительный путь к файлу. В качестве значения принимается полный или относительный путь к файлу.
-Значение по умолчанию+ 
 +=== Значение по умолчанию ===
  
 Нет. Нет.
  
-Пример 8. Путь к графическому файлу +=== Пример === 
- +<code html|Путь к графическому файлу>
-HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0 +
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 <html> <html>
  <head>  <head>
-  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   <title>Тег IMG, параметр src</title>   <title>Тег IMG, параметр src</title>
  </head>  </head>
Строка 370: Строка 380:
  </body>  </body>
 </html> </html>
 +</code>
 +