Шаг посвящен вопросам отделения изображения от текста.
Для тэга IMG можно задавать параметры HSPACE и VSPACE, значения которых определяют отступы от изображения, которые остаются пустыми, соответственно, по горизонтали и вертикали. Это гарантирует, что между текстом и изображением остается пространство, необходимое для нормального восприятия.
Задание. Создайте в файле PR5.HTML HTML-документ, при
просмотре которого в браузере рисунок ris.gif будет “прижат” к левому
краю, а произвольный текст будет “обтекать” его справа. У рисунка задайте
горизонтальные и вертикальные отступы по 20 пикселей.
Поэкспериментируйте с отступами, изменяя значения этих параметров.
Решение и комментарии вы можете посмотреть здесь.
Размещение изображения в рамке
Изображение, встраиваемое в HTML-документ, можно поместить в рамку различной ширины. Для этого служит параметр BORDER тэга <IMG>. В качестве значения параметра используется число, определяющее толщину рамки в пикселях. По умолчанию рамка вокруг изображений не изображается. Исключением из этого правила является случай, когда изображение является ссылкой.
Замечание. Если изображение является ссылкой, то по умолчанию браузеры заключают его в рамку синего цвета. Избежать появления рамки можно, указав значение BORDER=0.
Задание. Измените содержимое файла PR5.HTML, добавив рамку
для рисунка ris.gif. Определите, как “взаимодействуют” между собой рамка
и абзацные отступы.
Решение и комментарии вы можете посмотреть здесь.
На следующем шаге рассмотрим примеры использования изученного материала.
