Прерывание обтекания картинки текстом

В этом уроке мы научимся прерывать обтекание картинки текстом.

Вам достаточно вспомнить о тэге <br>, который осуществляет

принудительный перевод текста на другую строку (т.е. аналогичен нажатию

клавиши Enter, когда мы форматируем текст в обычном текстовом

редакторе).

В этом уроке мы поговорим об атрибуте тэга <br> - clear. Зачем он

нужен? Допустим, текст обтекает какой-либо объект (например, картинку):

Нам нужно, чтобы текст после слов "скриптов на php" обрывался, и

"программы для создания сайтов" - уже продолжалось под картинкой. Вы,

конечно, можете ввести несколько тэгов <br> и решить эту проблему.

Но если вдруг картинка (объект) будет большой, а текста много, то тут

вы уже явно не обойдетесь несколькими <br>, тут вам придется

употребить их с десяток и больше. Так вот, чтобы вам не пришлось

мучиться в таких ситуациях, и существует атрибут clear:

Теперь пример кода:

<img src="myimg.jpg" align="left">
На сайте <a href="http://web-stroiika.ru">web-stroiika.ru</a> Вы найдёте достаточно 
информации для изучения языков вебпрограммирования, и также найдёте от 
простых ( кол-во просмотров ) до самых сложных ( регистрация ) скриптов 
на php,
<br clear="left">

программы для создания сайтов, справочную информацию изложенную на

понятном языке.

У атрибута clear существует несколько значений - all, left, right.

All - завершить обтекание объекта текстом. Left - завершить обтекание

текстом объекта, выровненного по левому краю. Right - завершить

обтекание текстом объекта, выровненного по правому краю.

В нашем примере мы задали clear="left", т.к. наша картинка выровнена по

левому краю.

Поделиться...