Immagini

Il tag IMG permette di inserire un’immagine nella pagina web.
L’attributo SRC specifica l’URL dell’immagine.
Si tratta di un tag vuoto, senza chiusura.


Bordo

L’attributo border specifica lo spessore del bordo che incornicia la foto


Informazioni

L’attributo alt specifica il testo alternativo, considerato obbligatorio.
Ha più funzioni

  • il testo è visualizzato al posto dell’immagine finché non arriva…
  • il testo può essere letto dallo screen reader.

L’attributo title specifica un testo che appare come tooltip, suggerimento, sull’immagine

Albero


Dimensioni

L’immagine può essere ridimensionata al volo dal browser

  • per uniformarla alle altre già nella pagina
  • per ridurla se troppo grande

Il lavoro viene svolto dal browser e richiede tempo quindi è da utilizzare solo se l’immagine si trova su un altro server…

  • width: Larghezza, l’immagine rimane in scala.
  • height: Altezza, l’immagine rimane in scala.
  • width height: Larghezza e altezza (l’immagine viene scalata nelle due dimensioni…)

Posizionamento

L’immagine viene posizionata nel punto dove appare il tag IMG.
Con l’attributo align si può scegliere la sua posizione rispetto al testo

  • top middle bottom: L’immagine si allinea in alto, al centro, in basso, rispetto al testo (adatti per piccole immagini all’interno del testo).
  • left right: L’immagine si posiziona a sinistra oppure a destra del testo (adatti per immagini grandi rispetto al testo)

Se ci sono più immagini il loro posizionamento risulterà difficile…


Spazio

Si può specificare quanto spazio vuoto, in pixel, ci deve essere intorno all’immagine

  • hspace: horizontal space, a sinistra e a destra.
  • vspace: vertical space, in alto e in basso.

Collegamenti ipertestuali

Molto spesso le barre di navigazione orizzontali o verticali sono realizzate con delle immagini racchiuse in un collegamento.

Notice: This work is licensed under a BY-NC-SA. Permalink: Immagini

Comments are closed.