Гиперссылки Оглавление Списки

Рисунки

Рисунки вставляются командой <img src=path_to_file>. Вставлять можно рисунки двух типов: jpg или gif. GIF-файлы могут быть анимированными. В gif-формате есть ограничение в 256 цветов. GIF-формат может быть 2х,4х,8ми, и т.д. до 256 цветовым. Он часто используется для хранения формул. В jpg формате обычно хранят фотографии. Путь к изображению может быть как относительным или абсолютным, так и URL. Также имеются следующие атрибуты:
  • width, height задают размеры рисунка. Если они не указаны, и броузер полностью не выкачал рисунок, то общее форматирование HTML-документа поплывет, поэтому всегда указывайте эти параметры. Если вы укажете значения, не соответствующие действительности, то рисунок будет отмасштабирован.
  • border задает размер рамки, когда рисунок является гиперссылкой этот атрибут, как правило, приравнивают нулю, в противном случае будет видна рамка рисунка.
  • alt задает текст, который будет всплывать при наведении мышки на рисунок. Этот атрибут полезен также в случае, когда клиент сидит на малоскоростной линии, и у него отключена загрузка рисунков.
  • hspace, vspace определяют расстояние до ближайших соседних объектов по горизонтали и по вертикали.
  • align - выравнивание применяется, когда рисунок обтекает текст. Возможные значения: left, rigth, top, middle, bottom.

Примеры: 
  <img src=images/igor.jpg width=360 height=288   
   border=1 alt="Моя фотография" hspace=50 vspace=5>
Моя фотография 
  <img src=http://itsoft.ru/personal/igor2.jpg
   border=1 alt="Моя фотография" hspace=50 vspace=5>
Моя фотография на сайте http://itsoft.ru

Рисунки часто используют для гиперссылок меню. Для этого используется команда <a href=url><img src=url></a> Обязательно прописывайте атрибут alt.

Упражнение

Возьмите какой-нибудь рисунок и сделайте html-документ, в котором текст будет обтекать этот рисунок.

В связи с обтеканием текстом рисунка необходимо отметить атрибут clear команды br. Проcто команда br прерывает текущую строку. Команда <br clear=all> делает разрыв текста до конца рисунка. В качестве примера см. http://miem.itsoft.ru/struct/f/fe/foet/personal.html.