Сервер Web своими руками. Язык HTML, приложения CGI и ISAPI




Размещение графических изображений - часть 2


/p>

С помощью параметров HEIGHT и WIDTH вы можете выполнять масштабирование графических изображений. Значение этих параметров можно указывать в процентах от ширины окна просмотра.

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

В листинге 4.1 мы привели пример документа HTML, в который вставлено два растровых графических изображения.

Листинг 4.1. Файл chap4\inline.htm

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">

<HTML>

  <HEAD>

    <TITLE>Размещение графических изображений</TITLE>

  </HEAD>

  <BODY BGCOLOR=#FFFFFF>

    <H2>Размещение графики в документах HTML</H2>

    <IMG SRC="cpanel.jpg">Это содержимое папки

Control Panel на моем компьютере

    <P>Вы можете включать графические

изображения <IMG SRC="clock.jpg">непосредственно в текст

  </BODY>

</HTML>

Первое изображение имеет большие размеры и расположено в начале параграфа, а второе, небольших размеров, вставлено в середину параграфа (рис. 4.1).

Рис. 4.1. Два графических изображения в документе HTML

Задавая различные типы выравнивания, вы можете изменить относительное расположение графического изображения и текста, расположенного рядом. Ниже мы приведем несколько примеров для всех типов выравнивания, допустимых в параметре ALIGN оператора <IMG>.

В документе HTML, исходный текст которого приведен в листинге 4.2, для параметра ALIGN мы указали значение TOP (выравнивание по верхней границе).

Листинг 4.2. Файл chap4\top.htm

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">

<HTML>

  <HEAD>

    <TITLE>Размещение графических изображений</TITLE>

  </HEAD>

  <BODY BGCOLOR=#FFFFFF>

    <H2>Размещение графики в документах HTML</H2>




Содержание  Назад  Вперед