Работа с графикой.
Введение
Перед вставкой изображения в HTML необходимо предварительно, подготовить изображение. Как его получить? Можно воспользоваться сканером, фотоаппаратом ну или нарисовать самому. Существует много редакторов графики, самые яркие - это Фотошоп, паинт, Корел Драв. Желательно, использовать изображения небольших размеров, в противном случае, веб-страница может очень долго загружаться. К тому же не стоит использовать на странице слишком много изображений, это тоже в свою очередь увеличит время загрузки страницы. Вся графика должна быть представлена в формате .jpg или .gif. Чтобы вставить графику на странице необходимо указать имя и место соответствующего файла.
Тег и его атрибуты
Для вывода графики используют тег <IMG SRC="Указать адрес и имя изображения">. Некоторые пользователи отключают графику в своем браузере, делают они это для того, чтобы быстрее грузились страницы. Для того чтобы вместо рисунка посетители увидели текст, есть атрибут ALT. Записывается все в таком виде - <IMG SRC="Указать адрес и имя изображения" ALT="Поясняющий текст к изображению">.
Для выравнивания изображения используют атрибут ALIGN. Данный параметр может иметь следующте значения - center(по центру), left(по левому краю), right(по правому краю). Пример:
<IMG SRC="image/primer.gif" ALIGN="center" ALT="Вмастеру.ру - все для вебмастера!">
|
|
О добавлении фона в HTML, вы можете прочитать в данной статье: Тег <BODY>.
Выравние обтекаемого текста
Атрибут ALIGN, так же пожет принимать значения top, middle и bottom. Данные дискрепторы позволяют задать вертикальное положение текста относительно изображения. По умолчанию, выравнивание идет по нижней кромке изображения и чтобы изменить его, следует использовать один из этих дискрепторов.
Пустая область вокруг изображения
По умолчанию, в браузерах изображение имеет пустую рамку, размеры которой составляют всего несколько пикселей. Для увелечения пустой области (рамки) вокруг изображения, служат атрибуты HSPACE (задает ширину чистой области слева на право) и VSPACE (задает ширину чистой области сверху вниз).
Пример:
<IMG SRC="image/primer.gif" ALIGN=left HSPACE=30 VSPACE=30> Здесь Вы найдете только самое лучшее для вебмастера. Скрипты, статьи, шаблоны.
|
Здесь Вы найдете только самое лучшее для вебмастера. Скрипты, статьи, шаблоны.
|
Как создавать списки с графическими маркерами, Вы можете узнать вот здесь - Создание списков.
Смотрите так же:
|
