HTML-pedia
Веб-строительство

Сообщество
Веб-потребителей



Тег IMG

Тег <img> служит для внедрения графики на web-страницы. На данный момент поддерживаются форматы файлов GIF, JPG, JPEG, PNG. Возможно использование анимированных картинок (GIF).

Установка графики на страницы


<img src="URL/папка/фото.jpg" width="ширина" height="высота" alt="моя фотка">

URL - адрес фотографии (http://www.ваш сайт/папка/фото.jpg)
папка - название папки с фотографией (латинскими буквами без_пробелов)
фото - название фотографии (латинскими буквами без_пробелов)
jpg - расширение фотографии (допускается - jpg, gif, png)
width - укажите ширину фотографии
height - укажите высоту фотографии
alt - при отключенной графике посетитель увидит альтернативный текст

Адрес картинки может быть абсолютным, то есть указывается полный адрес картинки (например, http://www.ваш сайт/папка/фото.jpg) и относительным, когда указывается папка и файл (например, папка/фото.jpg).

пример

<img src="images/photo.jpg" width="250" height="200" alt="моя фотка">

моя фотка

При отключенной графике посетитель увидит текст включенный Вами в параметр alt

Здесь Вы могли бы увидеть мою фотку, но у Вас отключена графика. А я блин, такая растакая красивая )))


Графические файлы можно использовать как ссылки. Для этого тег <img> надо поместить в контейнер <a>:

<a href="URL">
<img src="images/photo.jpg" width="250" height="200" alt="моя фотка">
</a>


Чтобы вокруг картинки-ссылки не отображалась рамка, тегу <a> нужно добавить атрибут border="0", или указать в CSS:

a img {border:none;}

Закрывающий тег для тега <img> не требуется.


Хостинг от uCoz