Иллюстрированный самоучитель по Adobe GoLive 6

Графика и мультимедиа

Как видно, в этом случае опять сначала начинает отображаться текст, затем графическое изображение, прижатое к левому краю, согласно директиве, отданной при помощи параметра align, а справа от рисунка размещается остальной текст (рис. 1.12), т. е. изображение не может занять первую строку, так как текст начинается раньше него. То же самое произойдет, если применить параметр align со значением right, но рисунок окажется лишь прижатым к правому краю окна просмотра, а текст будет обтекать его с левой стороны. Вот и все изменения.

Теперь рассмотрим, как действует выравнивание по вертикали. Хотя параметр выравнивания вставляется в тег рисунка, наибольшие изменения заметны все-таки у текста, окружающего рисунок. Посмотрим действие параметра вертикального выравнивания на примере.

Иллюстрированный самоучитель по Adobe GoLive 6 › Язык HTML › Графика и мультимедиа
Рис. 1.12. Окно браузера с результатом отображения файла, приведенного в листинге 1.12

Листинг 1.13

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/striqt.dtd">
<html>
  
<head>
    <title>Рисунки и Текст</title>
</head>
  
<body>
    <p>Это текст, который обтекает рисунок.
        <img src="redhood.gif" align="middle">Это текст, который обтекает рисунок. Это текст, который обтекает рисунок. Это текст, который обтекает рисунок.</p>
</body>
  
</html>

Результат отображения этого HTML-документа показан на рис. 1.13.

Иллюстрированный самоучитель по Adobe GoLive 6 › Язык HTML › Графика и мультимедиа
Рис. 1.13. Окно браузера с результатом отображения файла, приведенного в листинге 1.13

Если Вы заметили ошибку, выделите, пожалуйста, необходимый текст и нажмите CTRL + Enter, чтобы сообщить об этом редактору.