<WebWord/>

yt tw fb
Mapa odsyłaczy
Odnośniki nie muszą być tylko tekstowe, innym pomysłem jest utworzenie kilku odnośników, które będą umieszczone na obszarze jednego obrazka. Służy to tego mapa odnośników, czyli zanaczone na obrazku fragmenty, pola odnośników.
Do tworzenia mapy używamy znaczników:
  • <map></map>
    odpowiada za deklarację mapy, zawiera obowiązkowy atrybut
    name
    . Wewnątrz map znajduje się znacznik
    , który definiuje obszar danego hiperłącza.

      Area zawiera następujące atrybuty:

    • href=" "

    • coords=" " → definiuje współrzędne krańcowych punktów aktywnego obszaru

    • shape=" " → określa kształt aktywnego obszaru
      • circle → koło
      • rect → kwadrat
      • polygon → trójkąt

    • title=" "
<map
name
=
"mapaobrazka"
> <area
href
=
"index.html"
alt
=
"mama kaczka"
shape
=
"rect"
coords
=
"529,195,715,315"
/> <area
href
=
"https://pl.wikipedia.org/wiki/Wikipedia:Strona_g% C5%82%C3%B3wna"
alt
=
"dziecko kaczka"
shape
=
"circle"
coords
=
"80,148,30"
/> <area
href
=
"https://pl.wikipedia.org/wiki/Wikipedia:Strona_g% C5%82%C3%B3wna"
alt
=
"woda"
shape
=
"poly"
coords
=
"170,58,528,58,321,195"
/> </map> <img
src
=
"rys_pods.jpg"
alt
=
"kaczki"
usemap
=
"#mapaobrazka"
>



Efekt:
mama kaczka dziecko kaczka woda kaczki
Podpisy obrazków
Ważne, aby figure nie umieszczać w znaczniku <p>. Szkielet podpisu obrazka:

<figure> <img
src
=
"rys.jpg"
alt
=
"obrazek"
> <figcaption>
podpis obrazka podpis obrazka podpis obrazka
</figcaption> </figure>
Efekt:
Rysunek1
podpis obrazka podpis obrazka podpis obrazka