Возьмем простой код изображения.
<img src="http://s001.radikal.ru/i195/1002/e3/21fbb916cbc3.jpg" border="0">
Чтобы выровнять его по левому или правому краю и сделать картинку обтекаемой текстом, добавим в коде align="left"(чтобы картинка была слева) или align="right"(чтобы была справа).
Должны присутствовать alt=”” и title=””. В альт пишем описание картинки для поисковика: ключевые слова, название статьи, в тайтл - название картинки для пользователя, т.е. описание того что на ней изображено. К нашей статье про брюки можно добавить такие альт и тайтл: alt=”модные женские брюки, женские брюки 2010, модные женские брюки фото” и title=”Модные женские брюки 2010”
Старайтесь указывать размеры изображения. Во время загрузки изображений, текст будет прыгать если не указать размеры картинки.
В конце концов мы можем получить следующий код:
<img alt="alt=”модные женские брюки, женские брюки 2010, модные женские брюки фото”" title="Модные женские брюки 2010" src="http://s001.radikal.ru/i195/1002/e3/21fbb916cbc3.jpg" align="left" border="0" height="120" width="120">