Skip to main content

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 lt; img gt;, sarebbe aggiunto al documento HTML dopo questo paragrafo.The Tag lt; img gt;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 lt; img gt;Sono stati aggiunti a un documento HTML, nulla sarebbe mostrato poiché gli attributi del tag non sono stati inclusi.L'attributo più importante per lt; img gt;è 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 sembrerebbe: lt; img src ' url /gt ;.

specificamente, l'URL indica dove viene memorizzata l'immagine.Ad esempio, se un'immagine di un computer con il computer file.jpg / gt;.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 comunemente usati 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, il bordo ' 10 posizionerà un bordo spesso 10 pixel attorno a un'immagine. Anche le dimensioni

gli attributi 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.Gli attributi di dimensioni non modificano il file effettivo, proprio come il browser lo visualizza.

L'attributo allineare

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.