Размещение графики на Web-страницах

1.

Тема:
Размещение графики
на Web-страницах

2.

Существуют два способа размещения
графических изображений на странице:
вставка
отдельных
картинок;
заполнение
фона
картинкой.

3.

Для размещения на Webстраницах используются
графические файлы
форматов GIF, JPEG и PNG.

Вставка
на
страницу
графического
изображения из файла графического формата
производится с помощью тега <IMG> (от англ,
image — изображение) с указанием адреса
файла в качестве аргумента атрибута SRC:
<IMG SRC="адрес_графического_файла">
Адрес графического файла — это имя файла с
указанием пути.
Например, для показа графического файла
tehnikum.jpg следует написать тег
<IMG SRC=" tehnikum.jpg ">

5.

Для увеличения скорости передачи
графического
изображения
в
теге <IMG> можно использовать с помощью
атрибутов WIDTH (ширина) и HEIGHT
(высота), измеряемых в пикселях
Например,
< IMG SRC=" tehnikum.jpg " WIDTH=40 HEIGHT=20>.

6.

Чтобы текст обтекал картинку справа или
слева.
Выравнивание изображения:
ALIGN =CENTER (по центру),
LEFT (слева), RIGHT (справа),
TOP (сверху) или BOTTOM (снизу webстраницы)

7.

Можно задать пустые поля вокруг
иллюстрации с помощью атрибутов
HSPACE и VSPACE.
• HSPACE - горизонтальный отступ в
пикселях от изображения до текстовой или
графической информации web-страницы;
• VSPACE - вертикальный отступ;

8.

Например,
<IMG
ALIGN=LEFT>
SRC=”tehnikum.jpg”
картинка
будет
находиться слева от текста.
Чтобы задать поля вокруг картинки,
надо написать тэг вида:
<IMG SRC=”tehnikum.jpg” ALIGN=LEFT
HSPACE=20 VSPACE=10>.

9.

Фоновая графика задается в тэге <BODY> в
начале документа HTML, подобно тому, как
задается цвет фона. При этом используется
атрибут BACKGROUND, значением которого
является имя графического файла.
Например, < BODY BACKGROUND=”fon.gif”
BGPROPERTIES=FIXED>

10.

BGPROPERTIES=”FIXED”,
(свойство присоединения фона фиксировано),
то фон остается неподвижным при
использовании вертикальной и
горизонтальной полос прокрутки.

English Русский Правила