Статьи, пособия, примеры начинающим вебмастерам.

Горячий поиск: PHP CSS SEO
Главная » Главная Тег img

Тег img


Описание Тег img вставляет в html-документ изображение. Наиболее популярные форматы - gif, jpg и png, хотя в последнее время все более популярным становится svg.
Синтаксис
<img src="путь к графическому файлу" атрибут="значение" />
Если атрибутов несколько, то они перечисляются через запятую.
Атрибуты align
Указывает положение изображения относительно текста или других обьектов, может принимать значения:
  1. left - изображение выравнивается по левому краю
  2. right - изображение выравнивается по правому краю
  3. top - выравнивает верхнюю линию рисунка по верхней строке текста
  4. bottom - выравнивает нижнюю линию рисунка по нижней строке текста
  5. middle - выравнивает середину рисунка по центру строки текста
alt
Указывает альтернативный текст для изображения (который будет показан, если у посетителя отключен показ графики).
border
Указывает толщину рамки вокруг изображения или убирает ее вовсе (при border="0" рамка не показывается).
height
Указывает высоту изображения.
width
Указывает ширину изображения.
hspace
Указывает горизонтальный отступ от изображения до текста или другого обьекта.
vspace
Указывает вертикальный отступ от изображения до текста или другого обьекта.
lowsrc
Указывает путь к изображению более низкого качества для предварительного просмотра.
usemap
Указывает, что изображение является навигационной картой (image map). Такое изображение может содержать несколько различных ссылок.
ismap
Указывает, что изображение является навигационной картой (image map), обрабатываемой сервером. Как правило, в таких случаях оно является ссылкой на серверный скрипт.
Пример
<img src ="linux.jpg" width="154" height="190" align="left" /> К тегу img 
применен атрибут align со значением left, поэтому рисунок расположен слева от текста.

(откроется в новом окне)
Частые ошибки Старайтесь не забывать правильно указывать атрибуты к тегу img. Например, height и width нужны для того, чтобы браузер мог зарезервировать пространство для картинки и продолжил вывод html-документа, не дожидаясь всей загрузки изображения. А атрибут alt не только поможет тем, у кого отключен показ графики. Его отсутствие - нарушение спецификации html 4.01 Кроме того, согласно спецификации html 4.01 тег img, который является непарным, нужно "закрывать" в конце слешем. Неправильно:
<img ...атрибуты...>
Правильно:
<img ...атрибуты... />
Примечания
Чужих не бывает

Валидация

Правильний CSS!

Valid XHTML 1.0 Transitional

Статистика

Генерация страницы: 0.31 секунд, SQL-запросов: 8.

Copyright

© 2008-2013 webamator.ru

Условия заимствования материалов.