In HTML, Che cosa è un tag di immagine?

Quando si crea una pagina web utilizzando HTML, il tag immagine viene usato per inserire una foto o un elemento grafico in un posto particolare nella pagina. Ci sono molti modi in cui le immagini possono essere utilizzate nelle pagine web, di aggiungere interesse ad essere utilizzato come strumento di navigazione o per fornire informazioni. Ci sono anche diversi formati di immagini che possono essere utilizzati. Non importa come o quale immagine si sta aggiunto alla pagina web, il tag di immagine è sempre necessaria.

Per aggiungere un'immagine, il tag di immagine è incluso in cui si desidera visualizzare l'immagine all'interno della pagina. Ad esempio, se l'immagine venisse inserito dopo questo paragrafo, il tag di immagine, o <img>, dovrebbe essere aggiunto al documento HTML dopo questo paragrafo. Il tag <img> definisce tutte le immagini in formato HTML. E 'indicato come un tag vuoto, in quanto contiene gli attributi e non ha tag di chiusura. Gli attributi sono le opzioni disponibili per un tag HTML specifico.

Se solo <img> sono stati aggiunti a un documento HTML, non avrebbe mostrato come gli attributi del tag non sono stati inclusi. L'attributo più importante per <img> è "src", che sta per fonte. L'attributo src Stati in cui il file di immagine si trova effettivamente, o è l'indirizzo per il file di immagine. Poiché l'immagine viene utilizzata in una pagina web, la posizione dell'immagine sarà dato come URL. All'interno del documento HTML, l'immagine sarà simile: <img src = "URL" />.

In particolare, l'URL punta a cui è memorizzata l'immagine. Ad esempio, se l'immagine di un computer con il nome del file computer.jpg sono stati conservati nella cartella immagini sul www..com, l'URL sarebbe stato sostituito con: <img src = "www..com / images / computer.jpg" />. Quando il browser si apre la pagina web, si visualizza l'immagine in cui il tag di immagine è incluso.

Il tag immagine ha un certo numero di altri attributi diversi. Essi consentono a un utente di regolare l'aspetto dell'immagine sulla pagina. I seguenti attributi sono comunemente usati per questo tag: alt, di confine, le dimensioni, e align.

L'attributo alt è sinonimo di testo alternativo e viene visualizzato se un browser è in grado di visualizzare un'immagine. Inoltre, il testo alternativo viene letto per quegli utenti che sono sfidati visivamente e scegliere di visualizzare il testo sulle immagini. Per l'esempio precedente, il testo alternativo potrebbe essere indicato alt = "immagine di un computer" come.

L'attributo border 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 sito web sono simili, e una chiara distinzione si desidera. Ad esempio, border = "10" sarà posto un bordo spesso 10 pixel attorno a un'immagine.

Attributi dimensioni sono importanti, come la larghezza e l'altezza possono essere usati per specificare la dimensione esatta di un'immagine. Questi attributi devono essere utilizzati con molta attenzione, come modifica può influenzare le proporzioni o qualità dell'immagine visualizzata. Dimensione attributi non cambiano il file vero e proprio, quanto il browser visualizza.

Il align attributo specifica come l'immagine viene allineata rispetto al testo nella pagina. Ci sono diverse scelte diverse per questo attributo, compresi alto, in basso, centrale, a sinistra, a destra, absmiddle, absbottom, basale e texttop. Questi tag anche aiutare a determinare come il testo sulla pagina allinea con l'immagine.

  • Un tag immagine contiene le informazioni che mostra dove l'immagine sarà visualizzata su una pagina web.