Immagini

Il tag IMG permette di inserire un’immagine nella pagina web. Si tratta di un empty tag.
L’attributo src specifica l’URL dell’immagine.

Bordo

L’attributo border specifica lo spessore, in pixel, del bordo nero che incornicia la foto

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

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

Se ci sono più immagini il loro posizionamento risulterà difficile (DIV, CSS, …, gallerie, …)

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

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.