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 immagine HTML, il #60; img #62;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 #60; IMG #62;Tag Alone non fornisce informazioni alla pagina Web che dovrebbe 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 dell'immagine sono Src e alt .

L'attributo SRC del collegamento immagine HTML fornisce l'indirizzo Web o l'URL, in cui 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 mdash;dove si Web.com indica 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, in quanto si trova all'interno di una cartella delle 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 dello schermo.

il codice più semplicePer un collegamento a immagine HTML assumerà qualcosa di simile al seguente: #60; img src ' url alt ' text /#62;.Dal #60; img #62;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 del sito Web e per correggere i collegamenti quando si verificano problemi.