Учебник по веб дизайну
 Свободное программное обеспечение. Доступно. Бесплатно. Легально.
Учебник
HTML
  Первая страничка
  Форматирование
  Фон и цвет
  Изображения
  Изображение-карта
  Ссылки
  Таблицы
  Списки
  Фреймы
  Внутренние фреймы
CSS
DHTML
JavaScript
SSI
Раскрутка
Справочник
HTML
JavaScript
SSI
Браузеры
Хостинг
Скрипты
JavaScript
PHP
Статьи
SEO
HTML
Flash
Все об Интернет
Новости Интернет
Утилиты
Конструктор
Информер
А так же...
Наши баннеры
Контакты
Гостевая
Реклама на сайте

Изображения

Изображения (картинки) вставляются в HTML документ тегом <IMG>. Свойства этого тэга приведены в следующей таблице:

Свойство Описание
src Обязательное свойство, указывающее путь и имя для графического файла. Например, src="/img/picture.jpg" загружает графический файл picture.jpg, расположенный в папке /img/.
align Выравнивание изображения относительно текста в документе. Допустимые значения:
left - по левому краю.
right - по правому краю.
top - по верхнему краю.
bottom - по нижнему краю (по умолчанию).
middle - по центру.
border Ширина рамки вокруг рисунка. По умолчанию равна нулю.
width Ширина рисунка.
height Высота рисунка.
hspace Горизонтальный отступ для рисунка в пикселях.
vspace Вертикальный отступ для рисунка в пикселях.
alt Текст, показываемый вместо рисунка, если, по каким либо причинам, изображение не показывается (не может загрузиться или же в обозревателе отключена графика). Этот текст показывается также при наведении курсора мыши на изображение. Этот параметр необязателен, но желательно его указывать.

Для того, чтобы получить обтекаемый рисунок необходимо задавать свойства align равным left или right. Для того, чтобы ускорить загрузку страницы, всегда нужно указывать значения свойств width и height. Для улучшенного восприятия текста и изображения можно сделать отступ вокруг картинки с помощью свойств vspace и hspace. В данном абзатце для изображения использован следующий код:

<IMG src= "/img/pic.gif" width="100" height="50" border="0" align="left" vspace="5" hspace="5">
<IMG src= "/img/pic.gif" width="100" height="50" border="0" align="right" vspace="5" hspace="5">


Если значения свойств width и height не соответствует размеру рисунка, то он будет отображаться деформированным:

<IMG src= "/img/pic.gif" width="50" height="50">

Желательно всегда задавать подпись к рисунку с помощью свойства alt - это тот текст, который будет показываться вместо изображения, если по каким-любо причинам файл с изображением загружен не будет. Это же свойство отвечает за всплывающую подсказку в IE. Заметим, что других браузерах для всплывающей подсказки используется свойство title.

<IMG src="/img/pic.gif" width="100" height="50" align="left" alt="подпись к рисунку">
подпись к рисунку При наведении курсора мыши, показывается подсказка.

 

Обсудить на форуме


Реклама

Новости системы: система будет отключена
главная :: наверх :: добавить в избранное :: сделать стартовой :: рекомендовать другу :: карта сайта

Rambler's Top100

Страница сгенерированна за 0.0089 сек.
Сайт оптимизирован под разрешение 800х600 и браузер MS IE 6.0.
Copyright © 2005-2010 originweb.info, design.originweb.info.
Хостинг ruweb.net