Поля вокруг изображения
По умолчанию изображения располагаются у самого края страницы (левого или правого), а обтекающий текст подступает вплотную к границе картинки. Это не очень красиво. С помощью атрибута HSPACE= (Horizontal Space, горизонтальный отступ) можно задать поля слева и справа от изображения, немного отодвинув текст. Ширина полей определяется в пикселях. Единственное неудобство при использовании атрибута HSPACE= состоит в том, что он создает поля по обе стороны от картинки, которую нельзя теперь выровнять по левому или правому краю страницы. Текст отодвигается от изображения, но при этом его край невозможно выровнять по границе колонки текста. В настоящее время, чтобы избежать этого, приходится для выделения пространства по горизонтали между картинкой и текстом использовать таблицу или невидимое изображение.
В файле SPACE.htm записан следующий HTML-код:
<HTML><BODY><IMG SRC="horse.gif" ALIGN=LEFT>Если HSPACE= создает поля слева и справа от изображения,то атрибут VSPACE= (VerticalSpace, вертикальный отступ) отделяет изображение сверху и снизу. <BR>Этот атрибут может размещать картинку не совсем посередине между строками текста, что видно в данном окне. <BR>Современный HTML не позволяет задавать ширину межстрочного интервала. <BR>Обходной путь - скрупулезно подгонять размер изображения, но такие методы обычно нежизнеспособны. <BR><BR><BR>Чаще всего графическая вставка вполне нормально отцентрирована по вертикали и без атрибута VSPACE=.<BR><IMG SRC=" horse.gif" ALIGN=LEFT VSPACE=20 HSPACE=20>Опять-таки, если есть проблемы, их можно обойти с помощью таблиц, хоть это и не самый элегантный способ. <BR>Влияние атрибутов VSPACE=20, HSPACE=20 и BORDER=4 видно на данном примере.</BODY></HTML>Задание 3.1.1. Просмотреть страницу, создаваемую файлом SPACE.htm. Используя файл SPACE.htm как исходный, записать в рабочую папку файл SPACE1.htm, в котором поэкспериментировать со значениями атрибутов VSPACE= и HSPACE=.