Quando una persona crea una pagina web che contiene un’immagine, l’immagine non viene effettivamente inserita nella pagina con il resto delle informazioni. Per visualizzare le immagini sul Web, viene utilizzato un collegamento all’immagine HTML invece di incorporare l’immagine all’interno della pagina. Per utilizzare il collegamento all’immagine HTML, il Il tag HTML viene utilizzato per fornire le informazioni su dove è archiviata l’immagine e dove è possibile accedervi. Questo tag può essere utilizzato con tutti i browser e può essere utilizzato per caricare tutti i tipi di immagine supportati dai browser.
Usando il il tag da solo non fornisce informazioni alla pagina web che dovrebbe contenere un’immagine. Ci sono due attributi necessari per scrivere correttamente il collegamento dell’immagine HTML in modo che l’immagine venga caricata quando viene caricata la pagina web. Ci sono anche diversi attributi facoltativi che possono essere inclusi per fornire ulteriori informazioni. Gli attributi necessari per scrivere il collegamento dell’immagine sono src e alt.
L’attributo src del collegamento all’immagine HTML fornisce l’indirizzo web, o URL, in cui si trova l’immagine. L’URL può assumere una delle due forme. Un URL assoluto fornisce un indirizzo web completo che indirizza a un’immagine su un altro sito web. Un esempio di inclusione di un URL assoluto per l’attributo src sarebbe: src=”http://www.website.com/image.jpg” — dove website.com punta a un altro sito e image.jpg punta a uno specifico Immagine.
L’altra opzione per l’URL all’interno dell’attributo src è scrivere un URL relativo. Nel caso di un URL relativo, l’indirizzo web fornisce un collegamento a un’immagine all’interno della stessa directory del sito web. L’URL relativo è una versione troncata di un URL assoluto poiché l’immagine si trova nella stessa posizione della pagina web. Esempi dell’attributo src con un URL relativo sono: src=”image.jpg” o src=”images/image.jpg”. L’unica differenza in questi esempi è dove si trova l’immagine, poiché si trova all’interno di una cartella di immagini nel secondo esempio.
L’altro attributo obbligatorio è alt, che fornisce un testo alternativo per l’immagine. Questo non è il testo che viene visualizzato se un utente passa il mouse sull’immagine, ma il testo che viene visualizzato se l’immagine non può essere visualizzata per qualche motivo. Esistono molti motivi per cui un’immagine potrebbe non essere visualizzata, inclusi i casi in cui l’URL nell’attributo src non è corretto o non funziona correttamente o quando un utente con problemi di vista utilizza uno screen reader.
Il codice di base per un collegamento immagine HTML sarà simile al seguente: . Dal momento che il tag non ha un tag di fine, è importante terminarlo con /> in modo che il browser sappia che l’istruzione è terminata. L’attributo src punta a una posizione per un’immagine, quindi è importante assicurarsi che i collegamenti ad altri siti non siano interrotti e che le immagini non vengano spostate all’interno di una directory del sito Web e correggere i collegamenti quando si verificano problemi.