Обтекание графики текстом


Если хотите, чтобы графический рисунок органически вписывался в дизайн вашей Вэб-страницы, то в этом вам поможет атрибут ALIGN тэга <IMG>.

Этот атрибут допускает задание двух значений - left right.

Значение left заставляет браузер помещать изображение слева от текста, а right - справа от него. Если надо, чтобы форматированию подвергался только определенный фрагмент текста, следует применить тэг BR с атрибутом CLEAR, указывающими позицию в тексте, начиная с которой действие механизма обтекания графики текстом отменяется. Значения left, right, all атрибута CLEAR позволяют определить, с какой стороны - левой, правой, обеих - текст далее будет свободен от графики.

Следует заметить, что если атрибут ALIGN уже был применен вами для выравнивания текста относительно графики в пределах конкретной Вэб-страницы, установить параметр обтекания графики текстом вам не удастся.

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

 

Пример:

HTML-код:   <img src="img/majak.jpg" align="left"> Этот маяк расположен на берегу моря и служит кораблям для ориентира. Он очень помогает морякам в плохую погоду. <br><br> <img src="img/sea.jpg" align="right"> Это небольшая яхта. <br clear="right"> Я люблю море, но не умею плавать. <br><br> <img src="img/majak.jpg" align="left"> <img src="img/sea.jpg" align="right"> Море, море - мир безбрежный Отображение в браузере: Этот маяк расположен на берегу моря и служит кораблям для ориентира. Он очень помогает морякам в плохую погоду. Это небольшая яхта. Я люблю море, но не умею плавать. Море, море - мир безбрежный