Immagini con il tag <img>
Le immagini vanno inserite all'inteno del tag <img>. Questo tag, a differenza di quasi tutti gli altri, non deve obbligatoriamente essere chiuso da un altro tag tipo </img>.
La sintassi di img ha questa forma :
<img src="logo.gif" title="logo" alt="risorse per webmaster" width="240" height="60" border="0">
alt="..."
L'attributo alt racchiude la descrizione dell'immagine. Un fattore importante per l'accessibilità del sito, perchè aiuta a comprendere il significato dell'immagine ai non vedenti che navigano con gli screen reader, o anche solo a chi naviga con le immagini disabilitate.
title="..."
L'attributo title mostra il suo contenuto quando lasciamo il mouse sopra l'immagine. Title può contenere un titolo o una descrizione che spiega l'immagine.
width e height
Le due proprietà width e height impostano le dimensioni dell'immagine.Width imposta la larghezza ed height l'altezza dell'immagine.
I valori possono essere diversi dalle reali dimensioni dell'immagine, in questi casi l'immagine sarà ridimensionata dal browser.
border="0"
border imposta la dimensione del bordo dell'immagine. Di solito viene utilizzato Border=0, che equivale a nessun bordo, soprattutto quando si tratta di immagini linkate, altrimenti si viene a creare un bordo blu attorno all'immagine che in genere non si integra bene nella grafica del sito.