HTML
(HYPERTEXT MARKUP LANGUAGE)
Lezione N.10
UTILIZZO DELLE IMMAGINI
<IMG>
Grazie
all'utilizzo del tag <IMG> è possibile inserire
nei documenti HTML immagini. A queste immagini si può
riferire uno o più collegamenti ipertestuali e del
testo descrittivo (alternativo).
Il tag <IMG> dispone dei seguenti attributi:
"alt",
"align", "width", "height",
"hspace", "vspace", "ismap",
"usemap".
La
sintassi è:
<IMG
src="url" alt="" align="" width=""
height="" border="" hspace=""
vspace="" ismap="" usemap="">
"url"
specifica il percorso dell'immagine richiesta
"alt"
è usato per inserire testo descrittivo inerente all'immagine.
Tale testo è visualizzato quando il puntatore del mouse
si trova sopra l'area dell'immagine.
"align"
definisce la posizione dell'immagine rispetto al testo, può
assumere i seguenti valori:
Top, middle, bottom, left, right.
Top posiziona la riga di testo
corrente in linea con la parte superiore dell'immagine.
Middle posiziona la riga di testo
corrente in linea con la parte centrale dell'immagine.
Bottom posiziona la riga di testo
corrente in linea con la parte inferiore dell'immagine.
Left posiziona l'immagine a sinistra,
il testo fluisce sulla parte destra dell'immagine.
Right posiziona l'immagine a
destra, il testo fluisce sulla parte sinistra dell'immagine.
"width"
definisce la larghezza dell'immagine e deve essere espresso
in pixel..
Come valore di default assume la dimensione dell'immagine
"height"
definisce l'altezza dell'immagine e deve essere espresso in
pixel.
Come valore di default assume la dimensione dell'immagine
"Border"
definisce la dimensione del bordo che circonda l'immagine.
Il bordo è visualizzato quando l'immagine fa parte
di un collegamento ipertestuale. Il colore del bordo solitamente
è blu.
"Hspace"
crea uno spazio vuoto attorno ai lati destro e sinistro dell'immagine.
I valori devono essere espressi in pixel.
Vspace crea uno spazio vuoto
attorno ai lati superiore e inferiore dell'immagine. I valori
devono essere espressi in pixel.
Ismap
serve per specificare che l'immagine si riferisce ad una mappa
lato server.
La sintassi è:
<A
href="url del file.map"><IMG src="url
immagine" ismap></A>
Usemap
serve per specificare che l'immagine si riferisce ad una mappa
lato client.
La sintassi è:
<A
IMG src="url immagine" usemap="url map.html#nome_della_mappa
>
in
questo caso la mappa si trova in un altro documento
<A
IMG src="url immagine" usemap="#nome_della_mappa>
in
questo caso la mappa si trova nel documento corrente
Le
mappe sono utilizzate per associare ad un'immagine più
collegamenti ipertestuali.
Per quanto riguarda l'uso e le creazioni delle mappe si rimanda
più avanti.
|