Вставка в документ объектов.
Тэг <IMG>

Тэг <IMG>

Тэг <IMG> Используется для вставки в тело документа графического изображения. Под графическим изображением подразумевают: маленькие пиктограммы, рисунки, графические объекты и карты изображений, занимающие большую часть окна браузера. Кроме того, тэг <IMG> поддерживает различные атрибуты, определяющие расположение изображения относительно окружающего текста и содержания Web страницы в целом. Изображение может выравниваться по левой, правой, верхней или нижней границе строки или располагаться в центре окна.
Синтаксис:

 <IMG src=" URL атрибуты ">

• src
  Этот атрибут указывает на файл графики, задавая его URL.
  Синтаксис:

   <IMG src=" URL ">

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

   <IMG alt=" описание ">

  
  Пример:
  
• align
  Этот атрибут задает расположение рисунка в окне и его выравнивание. Он может принимать значения:
  • top-по верхнему краю
    Пример:
    строка, в которую вставлена картинка, будет выровнена по верхнему краю картинки и высота строки будет равна высоте самого рисунка
    
  • bottom-по нижнему краю
    Пример:
    строка, в которую вставлена картинка, будет выровнена по нижнему краю картинки
    
  • middle-по центру
    Пример:
    строка, в которую вставлена картинка, будет выровнена по центру
    
  • right-справа
    Пример:
    картинка выравнивается по правому краю, текст будет обтекать картинку слева, применяется когда рисунок имеет достаточно большие размеры
    
  • left-влево
    Пример:
    картинка выравнивается по левому краю, текст будет обтекать картинку справа, часто применяется для создания буквиц, когда первая буква представляется ввиде рисунка
    Синтаксис:

     <IMG align=" значение ">

• width
  Этот атрибут задает ширину области в пикселях, отводимой в окне под изображение. В этом случае рисунок автоматически масштабируется браузером под заданный размер.
  Синтаксис:

   <IMG wigth= число >

• height
  Этот атрибут задает высоту области в пикселях, отводимой в окне под изображение. В этом случае рисунок автоматически масштабируется браузером под заданный размер.
  Синтаксис:

   <IMG height= число >

  Обратите Ваше внимание на тот факт, что размер изображения в килобайтах не меняется - какие бы вы не задавали параметры width и height

  Пример width=50
  
  Пример height=30
  
  Пример width=50 height=100
  
  Пример width=100 height=50
  
• hspace
  Этот атрибут задает пустое пространство в пикселях справа и слева от рисунка.
  Синтаксис:

   <IMG hspace= число  >

  
  Пример:
  
• border
  Этот атрибут задает в пикселях толщину рамки вокруг рисунка.
  Синтаксис:

   <IMG border=  число  >

  
  Пример:
  
• vspace
  Этот атрибут задает пустое пространство в пикселях сверху и снизу от рисунка.
  Синтаксис:

   <IMG vspace= число >

  
  Пример:
  
• ismap
  Этот атрибут разрешает использовать изображения, отдельные части которого связаны со ссылками и позволяют выполнять переходы. Такие рисунки называют MAP карта, они используются совместно с тэгом <A>. В этом случае реакцию на щелчок по карте отрабатывает сервер.
  Синтаксис:

  <A href=" URL карты "><IMG src=" URL изображения " ismap>

• usemap
  Этот атрибут разрешает использовать изображения, отдельные части которого связаны с картами, они используются совместно с тэгом <MAP>. В этом случае реакцию на клик по карте отрабатывает браузер.
  Синтаксис:

   <IMG src=" URL изображения " usemap= "URL" карты(#имя карты) >

• lowsrc
  Этот атрибут задает URL файла с низкокачественной копией основного изображения, которое может быть визуализировано до изображения, заданного атрибутом src.
  Синтаксис:

   <IMG lowsrc= URL >

• dynsrc
  Этот атрибут задает URL файла с видео клипом или сценой VRML.
  Синтаксис:

   <IMG dynsrc= URL >

• start
  Этот атрибут используется совместно с атрибутом dynsrc, он задает возможность управления процессом воспроизведения клипа, принимает значения fileopen-сразу после загрузки и mouseover-при наведении курсора.
  Синтаксис:

     <IMG dynsrc= URL  start= mouseover >

• loop
  Этот атрибут задает количество воспроизведений видео клипа. Он может принимать значения от 1 до infinite - бесконечно.
  Синтаксис:

   <IMG loop= значение >