16.04.10 
Тег img, как один из самых основных в HTML, нужен для вставки изображения на страницу. Он имеет такой синтаксис:
<img src="путь_к_картинке">
Тег может иметь пути, как внутренний (например, к картинке в папке img/head.jpg), так и внешний (допустим, http://lospirata.ru/wp-content/uploads/2010/04/blog.jpg)
Для тега img рекомендуется с точки зрения SEO прописывать описание (всплывающую подсказку) вида:
<img src="blog.jpg" alt="Блог" title="Блог">
Такое указание описаний позволит дать поисковым системам больше информации об изображении, и, соответственно, ваша картинка будет иметь позиции гораздо выше при поиске картинок. Атрибут alt для браузеров IE, title для FF, Opera.
Есть способ для придания изображению нужно вам размера, которым пользуются в основном новички в области верстки страниц. Он весьма неэффективный, потому что с начала прогружается все изображение, а потом уменьшается/увеличивается по заданному размеру. Делается так:
<img src="blog.jpg" width="40" height="80">
# Значения в пикселах, width - длинна, height - высота.
Вот еще прием. Для того, чтобы заставить текст обтекать вставленное изображение, нужно ввести следующее:
<img src="путь" style="float: left">
или <img src="путь" align="left">
Такими атрибутами как vspace и hspace можно задать отступы картинки от контента. В первом случае по вертикальный отступ, во втором горизонтальный.
Оставить комментарий