Обтекание картинки текстом в Html, выравнивание изображений в Align тэга Img.Урок.
Кроме выравнивания картинок по вертикали в Html существуют значения атрибута Align тэга Img для выравнивания картинки по горизонтали — Left и Right.
При использовании значений Left и Right для атрибута Align элемента Img мы добиваемся так называемого обтекания картинки текстом в Html. В этом случае картинка становится плавающей и текст начинает ее обтекать. Например, при значении атрибута align="left" мы получим такой результат:
<img src="http://ktonanovenkogo.ru/image/rss_no_drop1.png" align="left">
|
Значение Left атрибута Align элемента Img означает, что картинка плавает в левую сторону, а текст ее обтекает справа. А в случае align="right" картинка будет плавать в правую сторону, а текст ее будет обтекать слева:
<img src="http://ktonanovenkogo.ru/image/rss_no_drop1.png" align="right">
|
При задании обтекания картинки текстом в Html есть один нюанс — текст слишком близко располагается от изображения, что создает неприятный глазу эффект прилипания. Данную проблему совсем легко решить с помощью CSS свойств, но и в чистом Html существует свое решение. Для этого можно использовать атрибуты элемента Img — Hspace и Vspace. С помощью них можно отжать обтекающий текст от изображения, которое он обтекает.
Атрибут Hspace тэга Img задает отступы слева и справа от изображения до обтекающего его текста, а Vspace — сверху и снизу. Отступы от изображения до обтекающего текста задаются в пикселах, например:
<img src="http://ktonanovenkogo.ru/image/rss_no_drop1.png" align="left" hspace="30" vspace="30">
|
Источник
levira51
