Cos'è un collegamento a 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 le immagini sul Web, viene utilizzato un collegamento a immagine HTML invece di incorporare l'immagine all'interno della pagina. Per utilizzare il collegamento a immagine HTML, il tag HTML viene utilizzato per fornire le informazioni su dove viene memorizzata l'immagine e si accede. 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 tag da solo non fornisce informazioni alla pagina Web che intende contenere un'immagine. Esistono due attributi necessari per il collegamento dell'immagine HTML da scrivere correttamente in modo che l'immagine si carica quando la pagina Web si carica. Esistono anche diversi attributi opzionali che possono essere inclusi per fornire ulteriori informazioni. Gli attributi necessari per scrivere il collegamento immagine sono src e alt .

l'attributo src di HTMLE Link fornisce l'indirizzo Web o l'URL, dove si trova l'immagine. L'URL può assumere una delle due forme. Un URL assoluto fornisce un indirizzo Web completo che dirige a un'immagine su un altro sito Web. Un esempio di includere un URL assoluto per l'attributo SRC sarebbe: src = "http://www.website.com/image.jpg" - dove siti Web.com punta a un altro sito e image.jpg indica un'immagine specifica.

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 nello stesso posto della pagina Web. Esempi dell'attributo SRC con un URL relativo sono: src = "image.jpg" o src = "immagini/image.jpg". L'unica differenza in questi esempi è dove si trova l'immagine, così comesi 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 è un testo che viene visualizzato se un utente si libra un mouse sopra l'immagine, ma il testo che viene visualizzato se l'immagine non può essere visualizzato 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 è errata o rotta o quando un utente che ha una compromissione visiva sta usando un lettore di schermo.

Il codice più elementare per un collegamento a immagine HTML assumerà qualcosa di simile: . Poiché il tag non ha un tag finale, è 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 rotti e che le immagini non vengano spostate all'interno di una directory di siti Web,e per correggere i collegamenti quando si verificano problemi.