HTML <map> pildikaardi märgis
<map>
<map>märgisega määratakse Html dokumendis pilte v. kujundeid millede erinevad osad on lingitavad.
Erinevused HTML ja XHTML vahel
PUUDUVAD
Pane tähele: "area" element asub alati "map" elemendi sees. Area element määratleb pildikaardi lingitavad alad.
Usemap atribuut <image> elemendis viitab id või name atribuudi olemasolule <map> elemendis. (See sõltub brauserist). Seepärast kirjutatakse mõlemad, nii "id" kui ka "name" atribuudid <map> elemendi sisse.
Näide:
| Kood | Tulem |
|---|---|
<p>Klikka mõnele värviribale:</p> <img src="colorbox.png" width="147" height="128" usemap="#colorbox"> <map id="colorbox" name="colorbox"> <area shape="rect" coords="70,0,130,27" href="sinifilm.png" target="_blank" alt="Sinifilm" /> <area shape="rect" coords="70,60,130,27" href="punafilm.png" target="_blank" alt="Punafilm" /> <area shape="rect" coords="70,120,130,27" href="rohefilm.png" target="_blank" alt="Rohefilm" /> </map> |
Klikka mõnele värviribale:
|
Kohustuslikud atribuudid
DTD tulbas on näha missugused atribuudid töötavad erinevates dokumendi tüüpides. S=Strict, T=Transitional ja F=Frameset.
| Atribuut | Väärtus | Kirjeldus | DTD |
|---|---|---|---|
| id | nimi | Määratleb pildikaardi märgise nime | STF |
Valikulised atribuudid
| Atribuut | Väärtus | Kirjeldus | DTD |
|---|---|---|---|
| name | nimi | Määratleb pildikaardi märgise nime | STF |
Standard atribuudid
| class, title, style, dir, lang, xml:lang |
Täieliku ülevaate saad minnes Standard Atribuudid.
Sündmuste atribuudid
| tabindex, accesskey, onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup, onfocus, onblur |
Täieliku ülevaate saad minnes Sündmuste Atribuudid.
Proovi ise
Lingitava pildiala loomine (image map)
Kuidas piltidele ja kujunditele luua lingitavaid regioone, kus iga regioon on hüperlink.
