Qual è il modo corretto di utilizzare un tag immagine HTML?

Le immagini vengono spesso aggiunte alle pagine Web per renderle più invitanti e interessanti rispetto a una pagina di testo semplice. Utilizzando il tag HTML Image, è facile aggiungere immagini a qualsiasi pagina Web. Questo tag ha anche un numero di attributi o caratteristiche che è possibile specificare.

Quando si aggiungono immagini a una pagina Web, è importante ricordare che un'immagine non fa effettivamente parte del file che costituisce la pagina Web stessa. I file utilizzati per la pagina Web sono file separati da tutti i file di immagine. Il tag HTML Image fa riferimento al browser Web al file di immagine specifico per l'immagine che si desidera visualizzare. Quando la pagina Web viene visualizzata in un browser, il file di immagine viene visualizzato insieme a tutti gli altri file che compongono quella pagina.

Il codice per il tag immagine HTML è: <IMG SRC = "posizione dell'immagine" />. Posizione immagine è il nome del file per l'immagine che si desidera visualizzare e dove è memorizzata l'immagine. È importante ottenere queste informazioni corrette per assicurarsi che l'immagine sia visualizzata correttamente. L'organizzazione e l'archiviazione delle immagini che si desidera utilizzare nella pagina Web sono considerazioni importanti.

Alcune persone memorizzano le loro immagini nella stessa directory di tutte le altre parti delle loro pagine Web. In questo caso, quando fai riferimento all'immagine, includi solo il nome file nel tag Immagine HTML. Quando una pagina Web ha un numero di immagini, è comune creare una sottodirectory, spesso chiamata immagini . In questo caso, anche il nome della sottodirectory verrà incluso nel tag.

Ad esempio, ecco cosa faremmo per inserire un'immagine di un albero, nomefile tree.jpg, in una pagina web. Se avessimo memorizzato l'immagine dell'albero nello stesso posto degli altri file della nostra pagina Web, il tag Immagine HTML sarebbe <IMG SRC = "tree.jpg">. Se il file di immagine fosse archiviato in una sottodirectory all'interno della nostra directory della pagina Web, il tag verrebbe modificato in <IMG SRC = "images / tree.jpg">. Ciò che è importante ricordare è che il tag immagine HTML fornisce un riferimento, o percorso, al file immagine. Fondamentalmente, dice al browser dove cercare il file.

Il tag immagine HTML ha un numero di attributi che possono essere specificati per l'immagine che si desidera includere. Gli attributi sono caratteristiche del tag stesso e quindi vengono utilizzati all'interno del tag o tra <e>. Gli attributi utilizzati con il tag HTML Image sono:

• ALLINEA: specifica il modo in cui l'immagine viene allineata rispetto al testo della pagina (SINISTRA, DESTRA, IN ALTO, MEDIO, INFERIORE)
• ALT: si riferisce al testo alternativo. Questo è un attributo molto importante e dovrebbe essere incluso per tutte le tue immagini. Specifica il testo che viene visualizzato al posto dell'immagine
• BORDER: aggiunge un bordo all'immagine, con lo spessore specificato in pixel
• ALTEZZA e LARGHEZZA: possono essere utilizzate per definire la larghezza e l'altezza dell'immagine che si desidera visualizzare, il che consente di modificare le dimensioni dell'immagine. Fai attenzione usando questi attributi in quanto puoi cambiare la qualità dell'immagine e le proporzioni, risultando in immagini di scarsa qualità
• VSPACE e HSPACE: vengono utilizzati per aggiungere spazi bianchi attorno all'immagine.