отзывы

Восстановление
пароля

Готово

Назад

Основы программирования
Успеха достигает тот, кто способен на время отодвинуть свои увлечения
Программист - профессия будущего!

<img>

  • 81

  • 0

  • Нравится

    0

  • Код:591044259787

для отображения на веб-странице изоб...
Задайте вопрос продавцу

<img>

грн. / шт.

Компания: Уроки программирования
Телефон: +38(093)43-03-164
Адрес: Киевская область г. Киев, с. Красное
Оставьте свой номер
<img>

грн. / шт.

Оставьте свой номер телефона и представитель компании с вами свяжется.

     графическом формате GIF, JPEG или PNG.

Описание

Тег <img> предназначен для отображения на веб-странице изображений в графическом формате GIF, JPEG или PNG. Адрес файла с картинкой задаётся через атрибут src. Если необходимо, то рисунок можно сделать ссылкой на другой файл, поместив тег <img> в контейнер <a>. При этом вокруг изображения отображается рамка, которую можно убрать, добавив атрибут border="0" в тег <img>.

Рисунки также могут применяться в качестве карт-изображений, когда картинка содержит активные области, выступающие в качестве ссылок. Такая карта по внешнему виду ничем не отличается от обычного изображения, но при этом оно может быть разбито на невидимые зоны разной формы, где каждая из областей служит ссылкой.

 

 

Синтаксис

HTML
<img src="URL" alt="альтернативный текст">
XHTML
<img src="URL" alt="альтернативный текст" />

 

 

Атрибуты

align - Определяет как рисунок будет выравниваться по краю и способ обтекания текстом.

alt - Альтернативный текст для изображения.

border - Толщина рамки вокруг изображения.

height - Высота изображения.

hspace - Горизонтальный отступ от изображения до окружающего контента.

ismap - Говорит браузеру, что картинка является серверной картой-изображением.

longdesc - Указывает адрес документа, где содержится аннотация к картинке.

lowsrc - Адрес изображения низкого качества.

src - Путь к графическому файлу.

vspace - Вертикальный отступ от изображения до окружающего контента.

width - Ширина изображения.

usemap - Ссылка на тег <map>, содержащий координаты для клиентской карты-изображения.

Также для этого тега доступны универсальные атрибуты и события.

 

 

Закрывающий тег

Не требуется.

 

 

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег IMG</title>
 </head>
 <body> 

  <p><a href="lorem.html"><img src="images/girl.png" 
  width="189" height="255" alt="lorem"></a>
  Lorem ipsum dolor sit amet...</p>

 </body>
</html>

 

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег IMG</title>
 </head>
 <body> 

  <p><a href="lorem.html"><img src="images/girl.png" 
  width="189" height="255" alt="lorem"></a>
  Lorem ipsum dolor sit amet...</p>

 </body>
</html>

 

<img src="smiley.gif" alt="Smiley face" height="42" width="42">

 

Тег <img> вставляет изображение в документ HTML.

Заметьте, что изображения технически не вставляются в страницу. На самом деле, изображения ссылаются на HTML страницы. Тег <img> создает контейнер для изображения.

У тега <img> два обязательных атрибута: src и alt.

Разница между HTML и XHTML

В HTML тег <img> не имеет закрывающего тега.

В XHTML тег <img> должен быть правильно закрыт.

Атрибуты "align", "border", "hspace", и "vspace" элемента img устарели и не поддерживаются в XHTML 1.0 Strict.

Советы и примечания

Совет: Атрибут alt используется как альтернативный текст в случае отсутствия изображения, а не как текст при наведении мышки. Для показа текста при наведении мышки на изображение используйте атрибут title. Вот так: <img src="angry.gif" alt="Angry face" title="Angry face" />.

Отзывов нет

Публикация отзыва производится после предварительной модерации

Отправить

Случайные статьи