Урок№5. На этом
уроке мы научимся управляться с
изображениями.
-
Нумерованный список.
Для того, чтобы
вставить рисунок на страницу
используется следующий тег:<IMG
SRC="risunok.gif">, гед
risunok.gif имя рисунка и путь его
нахождения. Например, если
рисуно находится на моём
сайте www.hostweb.narod.ru
и ещё в папке images, то путь до
него будет следующий:<IMG
SRC="HTTP://WWW.HOSTWEB.NARO.RU/IMAGES/RISUNOK.GIF>
Для тега <IMG SRC="risunok.gif">,
есть следующие атрибуты.
-
<IMG SRC="risunok.gif"
border=" * ">, где *
толщина границы вокруг
рисунка. ( По умолчанию ее
нет, т. е. border="0">
Пример
|
<img border="5"
src="risunok.gif"> |
- Второй и третий
атрибут <IMG SRC="RISUNOK.GIF"
WIDTH=" * "
HEIGHT=" * ">, где *
размеры в пикселях, ( WIDTH
- ширина изображения в
пикселях, HEIGHT - Высота
изображения в пикселях.)
Пример:
|
<img border="3"
src="PRIMEER.GIF" width="20"
height="20"> |
- Следующий атрибут
определяет выравнивание
изображения в документе
<IMG SRC="risunok.gif" ALIGN="
* ">, гед * -
- left - по левому краю.
- right - по правому краю.
- top - выравнивают
верхнюю кромку
изображения с верхней
линией текущей текстовой
строки.
- middle - выравнивает
базовую линию текущей
текстовой строки с
центром изображения.
- absmiddle - выравнивает
центр текущей текстовой
строки с центром
изображения.
- bottom - выравнивают
нижнюю кромку изображения
с базовой линией текущей
текстовой строки.
- absbottom - выравнивает
нижнюю кромку изображения
с нижней кромкой текущей
текстовой строки.
Пример
ВЕРХ |
<img border="0"
src="risunok.gif" align="top"
width="34" height="53"> |
Нижняя
кромка изображения выровнена
с нижней кромкой текущей
текстовой строки. |
<img border="0"
src="risunok.gif" width="50"
height="53" align="absbottom"> |
- Другие атрибуты.
<IMG SRC="risunok.gif"
HSPACE="Отступ_1" VSPACE="Отступ_2"
ALT="Подсказка" NAME="Имя"
LOWSRC="Рисунок_2">
HSPACE |
Горизонтальный
отступ графического
изображения в пикселях. |
VSPACE |
Вертикальный
отступ в пикселях. |
ALT |
Это сообщение,
которое выводится вместо
картинки, если она не
показывается (не найдена
или пользователь
настроил свой
Обозреватель так, что тот
не показывает картинки).
Кроме того, вы увидите
этот текст в виде
подсказки, когда курсор
мыши находится на
рисунке. |
NAME |
Определяет имя
изображения. |
LOWSRC |
Имя
графического файла с
расширением с
альтернативным
изображением более
низкого качества (и,
соответственно, меньшего
объема), чем изображение,
указанное в параметре SRC.
Обозреватели,
поддерживающие данный
параметр, сначала
загрузят картинку из LOWSRC,
а затем заменят ее
картинкой из SRC. Не
обязательный параметр. |
Например
Что
то. |
<img border="4"
src="risunok.gif" width="120"
height="121" align="right"
hspace="3" vspace="4"> |
На этом уроке все.
Назад
| Содержание
| Далее
Copyright © HostWeb
|