Рисунок воспринимается браузером как «большая буква» в тексте. Поэтому важно указать правильное выравнивание в параметре ALIGN тэга IMG. Например:
<IMG SRC="image.jpg" ALIGN="left">
Существует следующие варианта выравнивания:
- top — по верхней границе текущей строки
- bottom — по нижней границе текущей строки (такой тип выравнивания устанавливается по умолчанию)
- middle — по середине текущей строки
- left — по левой границе абзаца с обтеканием текстом
- right — по правой границе абзаца с обтеканием текстом
top | bottom | |
middle | left | |
right | ||
Чтобы начать новую строку после рисунка, для которого установлено обтекание текстом, используется специальный вариант команды <BR> с параметром CLEAR, который показывает способ выравнивания рисунка (left или right). В следующем примере слева приведен HTML -код, а справа — изображение в окне браузера.
<BODY> <IMG SRC="web.jpg" ALIGN="left"> Одно физическое тело захотело поменять три своих старых варежки на что-нибудь хорошее. <BR CLEAR="left"> До самого вечера тело с варежками то меняло направление своего движения, то останавливалось, то снова приходило в движение. </BODY> |