Фон страницы
Рисунок можно установить в качестве фона страницы. Для этого используется параметр BACKGROUND тэга BODY. Если указано только имя файла, рисунок должен находиться в том же каталоге, что и сама Web-страница.
<BODY BACKGROUND="lake.jpg">
Можно указать также относительный адрес файла (так же, как в ссылках) или URL (см. раздел Ссылки).
Если рисунок меньше, чем размер окна браузера, фон будем вымощен рисунками-прямоугольниками как плиткой. Поэтому для фона используют специальные рисунки, которые не дают швов при стыковке. Для сравнения ниже показаны примеры фонов с хорошей и плохой стыковкой.
|
|
|
Вообще нежелательно использовать рисунок в качестве фона, потому что он отвлекает от чтения текста и рассеивает внимание. Поэтому для сайтов, в которых важнее всего — текст, рекомендуется использовать только одноцветный фон.
Если же по каким-то причинам надо сделать фон-рисунок, он не должен мешать чтению текста, как в приведенном ниже примере:
Обычно фоновый рисунок прокручивается вместе с текстом, однако можно запретить прокрутку фона, задав параметр BGPROPERTIES="fixed" тэга BODY:
<BODY BACKGROUND="lake.jpg" BGPROPERTIES="fixed">
Рисунки в документе
Для вставки рисунка в Web-документ используется тэг <IMG> (от английского image — изображение). Этот тэг имеет несколько параметров, из которых обязателен лишь SRC (от английского source — источник), который указывает, где находится рисунок. Если рисунок надо искать в том же каталоге, что и сама страница, надо просто написать имя файла. Можно указать также относительный адрес файла (так же, как в ссылках) или URL. Например:
<IMG SRC="image1.jpg"> <IMG SRC="images/image2.jpg"> <IMG SRC="http://server/images/image3.jpg">
Рисунок image1.jpg находится в текущем каталоге, рисунок image2.jpg — в соседнем каталоге IMAGES, а image3.jpg — на сервере в Интернете.
Выравнивание
Рисунок воспринимается браузером как «большая буква» в тексте. Поэтому важно указать правильное выравнивание в параметре 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> |
|
