Гостевая Главная Моя школа Web дизайн
Работа с текстом Графика в HTML Работа с цветом Работа с таблицами

Изображение. Работа с графикой

А теперь рассмотрим как просто вставить картинку в web-страничку.
Для этого лучше всего использовать форматы gif и jpg.
Первый популярен из-за возможности использовать прозрачный цвет
(тогда изображения могут иметь прозрачные участки),
а второй - имеет малый размер и удобен для фотографий.
Для вставки картинки используется тег IMG. Его синтаксис следующий:
< IMG SRC="Рисунок" BORDER ="0" ALIGN="Выравнивание" WIDTH="Ширина" HEIGHT="Высота" HSPACE="Отступ_1" VSPACE="Отступ_2" ALT="Подсказка" NAME="Имя" LOWSRC="Рисунок_2">
SRC Обязательный параметр, Имя графического файла с расширением (поддерживаются *.jpg, *.gif, *.png). Рисунок должен храниться в графическом формате, поддерживаемом броузером. На сегодняшний день форматы GIF и JPG поддерживаются большинством броузеров. Если файл находится в другом каталоге, укажите к нему путь.
ALIGN Выравнивание изображения в документе:
left - по левому краю.
right - по правому краю.
center- по центру
top или texttop - выравнивают верхнюю кромку изображения с верхней линией текущей текстовой строки.
middle - выравнивает базовую линию текущей текстовой строки с центром изображения.
absmiddle - выравнивает центр текущей текстовой строки с центром изображения.
bottom или baseline - выравнивают нижнюю кромку изображения с базовой линией текущей текстовой строки.
absbottom - выравнивает нижнюю кромку изображения с нижней кромкой текущей текстовой строки.
Если данный параметр не используется, то большинство броузеров располагает изображение в левой части экрана, а текст справа от него.
BORDER Рамка вокруг рисунка. Значение по умолчанию - 0 (без рамки).
WIDTH Ширина изображения в пикселях.
HEIGHT Высота изображения в пикселях.
HSPACE Горизонтальный отступ графического изображения в пикселях. Не обязательный параметр.
VSPACE Вертикальный отступ в пикселях. Не обязательный параметр.
ALT Это сообщение, которое выводится вместо картинки, если она не показывается (не найдена или пользователь настроил свой Обозреватель так, что тот не показывает картинки). Кроме того, вы увидите этот текст в виде подсказки, когда курсор мыши находится на рисунке.
NAME Определяет имя изображения. Для обычного изображения, не связанного ни с чем, этот параметр совсем не обязательный.
LOWSRC Имя графического файла с расширением с альтернативным изображением более низкого качества (и, соответственно, меньшего объема), чем изображение, указанное в параметре SRC. Обозреватели, поддерживающие данный параметр, сначала загрузят картинку из LOWSRC, а затем заменят ее картинкой из SRC. Не обязательный параметр.

Фоновые рисунки

Большинство броузеров позволяет включать в документ фоновый рисунок,
который будет отображаться на фоне всего документа.
Некоторые пользователи любят фоновую графику, некоторые нет.
Ненавязчивый полупрозрачный рисунок обычно хорошо выглядит
в качестве фона для большинства документов.

Описание фонового рисунка включается в тэг BODY и выглядит следующим образом:

< BODY BACKGROUND="picture.gif">

Горизонтальная линия

Используя тэг < HR >вы можете разделить текст горизонтальной чертой. Формат тэга:

< HR SIZE="толщина" WIDTH="ширина" ALIGN="выравнивание" NOSHADE>

Параметры тэга:
SIZE Толщина линии в пикселах.
WIDTH Ширина линии в пикселах или процентах от ширина окна броузера.
ALIGN Расположение на экране
left - по левому краю.
right - по правому краю.
center- по центру
NOSHADE По умолчанию линия представлена в 3D виде с тенью. NOSHADE позволяет представить линию просто однотонной темной полоской.
Работа с текстом Графика в HTML Работа с цветом Работа с таблицами



Hosted by uCoz