Вставка изображений

      Сегодня для создания графики в сети используются в основном два графических формата.На первом месте это формат GIF(Graphics-графический,Interchange-обмен,Format-формат).Одно из достоинств данного формата это покадровая смена изображений,что делает его популярным для создания простой анимации и банеров.

      И на втором формат JPEG(Joint-объединенный,Photographic-фотографический,Experts-эксперты,Group-группа).Одна из особенностей данного формата это прогрессивный JPEG(версия загружаемого фото отображается в окне до полной загрузки файла с низким разрешением).

      Для вставки графики в HTML-документ используется тег <img>.Единственным обязательным параметром данного тега является src,который задает путь к графическому файлу.

         синтаксис

       <img src=picture.jpg>
Исходя из данного примера браузер начнет искить графический файл в том же каталоге,где находится HTML-документ.Если же графический файл находится в другом месте,отличном от места хранения HTML-документа,то придется указать полный путь к файлу(c:\documents and settings\act\Мои документы\Мои рисунки\Новая папка\pict0001.jpg).

Параметр border предназначен для отображения рамки вокруг фото,толщина рамки указывается в пикселах.      

синтаксис

<img src="picter.jpg" border="3">

       Как и в других элементах HTML-документа параметры width и height используются для определения размера изображения.

       синтаксис

       <img src="images/крокодил.gif" border="0" width="40" height="50">

Также параметры width и height можно указывать в процентах.Данная запись дает команду браузеру растянуть или сузить изображение в соответсвии с размером страницы.

Выравнивание изображения.(align=" ")

left	изображение находится слева от текста	right	изображение находится справа от текста
top	верхний край изображения выравнивается по самому высокому элементу строки	middle	выравнивание середины изображения по базовой линии строки(базовая линия проходит по низу строки)
bottom	выравнивание нижнего края изображения по базовой линии строки	absmiddle	выравнивание середины изображения по середине строки

Параметры горизонтального и вертикального отступов от изображения до текста.

hspace	горизонтальный отступ	hspace="20"	hspace="80"
vspace	вертикальный отступ	vspace="20"	vspace="80"

Альтернативный текст.

alt	дает возможность получить текстовую информацию при откл. в браузере загрузке изображений,а также отображает текст при наведение курсора на изображение
title	данный параметр аналогичен alt с одним исключением-он не отображает текст при незагруженном изображении

                     СИНТАКСИС   <img src ="images/крокодил.gif" align="middle" hspace="40" alt="зеленый">