Изображения в Веб-среде
Форматы использующиеся для веб-страниц .jpg .png .gif
Изображение добавляется на страницу с помощью атрибута <img src="img/list.jpg">
Существуют несколько атрибутов, уже знакомые width и height, а также
атрибут border использующийся ,чтобы задать рамку вокруг изображения.
Также есть артибут title и атрибут alt, артибут title высвечивает название изображения при наведении на него курсора. Атрибут alt пишет название изображение в случае его отсутствия.
Пример:
<img src="img/luna.jpg" title="Большая Луна" alt="Луна" border="5px" width="128px" height="128px">
Изображения в виде ссылки.
<a href="http:\\www.narod.ru"> <img src="img/narod.jpg"> </a>
<a href="http:\\www.narod.ru"> <img src="img/narod.jpg" border="0"> </a>
Добавляем к изображению атрибут border="0" со значением ноль, чтобы избавиться от синей рамки.
Карта изображений.
При создании карты изображений используются 2 элемента:
<map> </map> , чтобы определить начало и конец описания карты.
И элемент <area> для создания зон и их координат.
Кроме того для создания карты используется атрибут usemap в элементе
<img src="img/ki6.jpg" border="0" usemap="#karta">
Далее используется атрибут area который может принимать 2 вида:
<area shape="rect" coords="a,b,c,d"> прямоугольник ,в котором a и b координаты верхней левой заданной точки с которой начнётся зона, и c и d координаты нижней правой заданной точки.
<area shape="circle" coords="x, y, r"> круг, где x и y координаты выбранной точки , а r радиус вокруг неё.
Пример:
При наведении курсора на перекрёсток,арку вдалеке и самое крупное здание будет появлятся рука, означающая ссылку. Если нажать откроется страничка с описанием данного обьекта.
<img src="img/ki6.jpg" border="0" usemap="#karta">
<map name="karta">
<area shape="rect" coords="142,280,171,309" href="karta_arka.html" target="_blank">
<area shape="rect" coords="348,351,442,445" href="karta_gemenii.html" target="_blank">
<area shape="circle" coords="193,429,30" href="karta_perekrestok.html" target="_blank">
</map>
