Imagini
Un aspect important în activitatea de realizare a unei pagini web este posibilitatea inserări unor imagini sugestive. Cele mai uzuale tipuri de imagini ce pot fi inserate in pagini web sunt: JPEG (*.jpg sau *.jpeg), GIF (*.gif), BMP (*.bmp), PNG (*.png).
Imaginile pot fi folosite ca fond al unei pagini web cu ajutorul atributului background în eticheta <body>
Exemplu:
<head>
<title>Exemplu</title>
</head>
<body background="1.jpg">
Imaginea 1.jpg a fost folosita ca background al pagini.
</body>
</html>
Eticheta folosită pentru inserarea unei imagini în pagina este:
- <img>
Harţi de imagini
Harţile de imagini permit declararea unor zone din imagine ca legaturi către alte pagini web şi implică două aspecte.
Imaginea este declarată ca fiind harta. Pentru aceasta eticheta <img> a imaginii are următoarele atribute:
- src fişierul sau adresa fişierului imagine
- usemap are valoarea de genul #nume care este folosit în interiorul etichetei <map> prezentate mai jos
Harta se defineşte folosind perechea de etichete <map> şi <map>, cu atributul obligatoriu name, având aceeaşi valoare ca la usemap din img.
Zona sau zonele conţinute de hartă sunt introduse prin eticheta <area> cu atributele obligatorii:
- shape fiind forma ariei declarate cu valorile:
-rect=dreptunghiulară,
-circle=circulară,
-poly=poligonală,
-default=alte forme (diferite de cele anterioare)
- coords coordonatele zonei
- href adresa paginii destinaţie a legaturii
<head>
<title>Harti de imagini</title>
</head>
<body>
<b>Harti de imagini</b><p>
<img src="harta.gif" usemap="#harta" width="280" height="160" border="0">
<map name="harta">
<area shape="rect" coords="20,20,70,70" href="#" title="galben">
<area shape="rect" coords="20,90,120,140" href="#" title="albastru">
<area shape="circle" coords="200,80,30" href="#" title="alb">
<area shape="circle" coords="200,80,60" href="#" title="rosu">
<area shape="poly" coords="90,70,120,70,120,20" href="#" title="verde">
</map>
</body>
</html>
