Рисунки

Дата добавления: 2015-07-09; просмотров: 478; Нарушение авторских прав

Без иллюстраций документ скучен, вял и однообразен. HTML позволяет использовать рисунки в формате JPG и GIF для оформления HTML-документов. Для вставки рисунков используется тег <IMG>. Спецификация тега <IMG>:

<IMG

SRC="адрес рисунка"

ALIGN="выравнивание"

HEIGHT="высота рисунка"

WIDTH="ширина рисунка"

BORDER="толщина рамки"

Атрибут SRC определяет URL-адрес рисунка, который будет отображаться броузером.

Атрибут ALIGN определяет способ выравнивания рисунка. Он может иметь следующие значения:

· TOP – рисунок выравнивается по верхнему краю текущей строки.

· MIDDLE – рисунок выравнивается серединой по текущей строке.

· BOTTOM – рисунок выравнивается по нижнему краю текущей строки.

· LEFT – рисунок прижимается к левому краю окна броузера и обтекается текстом.

· RIGHT – рисунок прижимается к правому краю окна броузера и обтекается текстом.

Атрибут HEIGHT определяет высоту рисунка в пикселях.

Атрибут WIDTH определяет ширину рисунка в пикселях.

Используя атрибуты HEIGHT и WIDTH можно увеличивать или уменьшать рисунок. Если указать только один из этих атрибутов, то рисунок будет увеличен или уменьшен пропорционально и по ширине, и по высоте.

Атрибут BORDER позволяет задавать рамку вокруг рисунка. Значение этого атрибута – толщина рамки в пикселях. По умолчанию – 1.

Пример выравнивания рисунков:

<HTML>

<HEAD>

<TITLE>Пример выравнивания</TITLE>

</HEAD>

<BODY>

Выравнивание<IMG SRC="ris1.jpg" ALIGN="TOP">по

верхнему краю

Выравнивание<IMG SRC="ris1.jpg" ALIGN="BOTTOM">

по нижнему краю

Выравнивание<IMG SRC="ris1.jpg" ALIGN="MIDDLE">

по середине

</BODY>

</HTML>

Броузер отобразит данный пример так:

Рисунок-ссылка

Можно использовать рисунки в качестве гиперссылок. Для этого нужно включить тег IMG в содержание элемента A. Например:

Фреймы

<== предыдущая лекция	\|	следующая лекция ==>
Таблицы	\|	Понятие фреймов