In HTML, cos'è un tag immagine?

Quando si crea una pagina Web utilizzando HTML, il tag immagine viene utilizzato per inserire una foto o una grafica in un luogo particolare sulla pagina. Esistono molti modi in cui le immagini possono essere utilizzate su pagine Web, dall'aggiunta di interesse all'uso come strumento di navigazione o per fornire informazioni. Esistono anche diversi formati di immagini che possono essere utilizzati. Non importa come o quale immagine venga aggiunta alla pagina Web, il tag immagine è sempre richiesto.

Per aggiungere un'immagine, il tag immagine è incluso dove si desidera che l'immagine appaia nella tua pagina. Ad esempio, se un'immagine dovesse essere inserita dopo questo paragrafo, il tag immagine, o , verrebbe aggiunto al documento HTML dopo questo paragrafo. Il tag definisce tutte le immagini in HTML. Viene definito un tag vuoto, in quanto contiene attributi e non ha tag di chiusura. Gli attributi sono opzioni disponibili per un tag HTML specifico.

Se solo sono stati aggiunti a un documento HTML, nulla sarebbe mostrato poiché gli attributi del tag non sono stati inclusi. L'attributo più importante per è "SRC", che sta per la fonte. L'attributo SRC afferma in cui si trova effettivamente il file di immagine, oppure è l'indirizzo per il file di immagine. Poiché l'immagine viene utilizzata su una pagina Web, la posizione dell'immagine verrà data come URL. All'interno del documento HTML, l'immagine sarebbe: .

In particolare, l'URL indica dove viene memorizzata l'immagine. Ad esempio, se un'immagine di un computer con il computer file. Quando il browser apre la pagina Web, visualizza l'immagine in cui è incluso il tag immagine.

Il tag immagine ha un numero di altri attributi diversi. Consentono a un utente di regolare il modo in cui l'immagine appare sulla pagina. I seguenti attributi sono comMonly usato per questo tag: alt, bordo, dimensioni e allineate.

L'attributo alt sta per un testo alternativo e viene mostrato se un browser non è in grado di visualizzare un'immagine. Inoltre, viene letto un testo alternativo per quegli utenti che sono visivamente sfidati e scelgono di visualizzare il testo tramite immagini. Per l'esempio sopra, il testo alternativo potrebbe essere indicato come alt = "Immagine di un computer".

L'attributo bordo aggiunge un bordo all'immagine con lo spessore a seconda del numero di pixel indicati. Questo può essere particolarmente utile quando lo sfondo dell'immagine e lo sfondo del sito Web sono simili e si desidera una chiara distinzione. Ad esempio, bordo = "10" posizionerà un bordo spesso 10 pixel attorno a un'immagine.

Anche gli attributi

​​ size sono importanti, poiché la larghezza e l'altezza possono essere utilizzate per specificare la dimensione esatta di un'immagine. Questi attributi devono essere utilizzati con molta attenzione, poiché cambiarli può influire sulle proporzioni o sulla qualità dell'immagine visualizzata. Dimensioni attriButes non modificano il file effettivo, proprio come il browser lo visualizza.

L'attributo allinea specifica il modo in cui l'immagine è allineata rispetto al testo sulla pagina. Esistono diverse scelte diverse per questo attributo, tra cui superiore, inferiore, medio, sinistro, destro, absmiddle, absbottom, basale e texttop. Questi tag aiutano anche a determinare come il testo sulla pagina si allinea con l'immagine.