Che cos'è un collegamento immagine HTML?
Quando una persona sta creando una pagina Web che contiene un'immagine, l'immagine non viene effettivamente inserita nella pagina con il resto delle informazioni. Per visualizzare immagini sul Web, viene utilizzato un collegamento immagine HTML anziché incorporare l'immagine all'interno della pagina. Per utilizzare il collegamento immagine HTML, il tag HTML <img> viene utilizzato per fornire le informazioni sulla posizione in cui è memorizzata l'immagine ed è 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.
L'uso del tag <img> da solo non fornisce informazioni alla pagina Web destinata a contenere un'immagine. Esistono due attributi necessari per scrivere correttamente il collegamento immagine HTML in modo che l'immagine venga caricata quando viene caricata la pagina Web. Ci sono anche diversi attributi opzionali che possono essere inclusi per fornire ulteriori informazioni. Gli attributi richiesti per scrivere il collegamento immagine sono src e alt .
L'attributo src del collegamento 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 relativo URL 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 richiesto è alt , che fornisce 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. Ci sono molte ragioni per cui un'immagine potrebbe non essere visualizzata, inclusi i casi in cui l'URL nell'attributo src è errato o rotto o quando un utente con problemi alla vista sta usando un lettore di schermo.
Il codice più semplice per un collegamento di immagine HTML sarà simile al seguente: <img src = "URL" alt = "text" />. Poiché il tag <img> non ha un tag end, è 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 vengano interrotti e che le immagini non vengano spostate all'interno di una directory del sito Web e correggere i collegamenti quando si verificano problemi.