Графика
Даже те люди, считающие, что HTML существует
только для создания и форматирования текста, наверное, согласятся, что
графика - это то, что украшает страничку. Разумеется, при использовании
графики все операции замедляются, и нужно следить за тем, чтобы размер
графических файлов был как можно меньше.
Изображения на экран выводятся с помощью тега
<IMG SRC="ИМЯ ФАЙЛА">
парный тег к нему не требуется
ИМЯ ФАЙЛА - это имя
данного файла в вашей домашней странице или полный путь к файлу,
если файл не принадлежит данной домашней странице.
Файлы изображения (графики) могут быть заданы в
нескольких различных форматах, наилучшие из которых - *.gif и *.jpg.
Для уменьшения времени загрузки страницы с
графикой полезно определять в HTML-коде размер изображений. Если
размер графического изображения определен, то браузер резервирует для
него место в виде ограничивающего прямоугольника. Пока загружается
графика, посетитель страницы может начать читать текст. Для этого в теге
изображения задайте ширину и высоту вашей картинки следующим образом:
<IMG SRC="ИМЯ ФАЙЛА"
WIDTH=346
HEIGHT=145>
Если Вы не укажите размеры графических изображений,
то браузер будет загружать каждую картинку целиком и только после этого
переходить к загрузке текста. Это занимает время. Если эти размеры
заданы и на страничке есть другие графические объекты или
текст, то браузер начертит ограничивающий прямоугольник (отведет на страничке
место под Ваш графический файл) и продолжит работу с другими частями
страницы, одновременно продолжая заполнять ограничивающий прямоугольник.
Параметр
ALT="Ваш текст" позволяет
пользователям, браузеры которых смотрят только текст (или если в
браузере отключен режим графики, или, еще проще, по каким-либо
причинам оборвалась загрузка текущей страницы), получить хоть
какую-нибудь информацию о том, что за графика расположена на странице.
Следующим параметром является
BORDER=i
где i - колличество пикселей
Это, как Вы уже успели догадаться, бордюр вокруг
изображения. Если его сделать равным 0, то обрамляющей рамки просто не
будет.
С помощью параметра
ALIGN= Вы можете "обернуть" текст вокруг
графики. Для этого поместите тег
<IMG SRC="ИМЯ ФАЙЛА">
в том месте, где должен быть графический объект, и добавьте параметр
ALIGN=LEFT,
ALIGN=CENTER или
ALIGN=RIGHT.
После этого Ваш графический файл окажется СЛЕВА / В СЕРЕДИНЕ / СПРАВА
относительно текста. А если сделать
ALIGN=TOP или
ALIGN=BOTTOM,
то последующий текст расположится в ВЕРХНЕЙ / НИЖНЕЙ части изображения.
Кроме того, с помощью параметров
HSPACE=i
VSPACE=i
где i - колличество пикселей
задается ширина горизонтальных и вертикальных полей, отделяющих
изображение от текста.
|
|
