Un'immagine in linea è un'immagine grafica che viene inserito in una pagina Web per aggiungere appeal visivo, fornire informazioni o di rappresentare un collegamento ipertestuale. Le immagini in linea sono di solito in formato GIF, JPEG o PNG. Esse sono inserite in una pagina web utilizzando i dati dello schema URI.

URI dati consentono l'inserimento di piccole dimensioni di dati che possono essere immediatamente recuperate dal browser. Le immagini in linea vengono recuperati dal browser con l'HTML e visualizzati come parte del documento web. Per il browser per essere in grado di recuperare e visualizzare le immagini senza troppo tempo e fatica, è consigliabile l'uso di piccole dimensioni immagini in linea.

Le immagini più grandi rallenterebbe i tempi di caricamento, e causare il sito di prendere un bel po 'a comparire sullo schermo. La maggior parte dei visitatori web non hanno la pazienza di rimanere in giro per vedere che succede. Ciò compromette traffico sul sito.

HTML immagini in linea vengono acquistati dal server del sito in cui devono essere visualizzati, né compresi da altri server esterni. Utilizzando le immagini inline da fonti esterne è una questione di contesa, come questo può essere fatto senza permesso. Il tag img è utilizzato per inserire immagini in linea in punti e linee nella pagina web. Il tag img non può essere utilizzato in una forma libera fluttuante. Essa deve essere inserita all'interno di un altro elemento.

L'attributo richiesto il tag img è l'attributo src. L'attributo src specifica l'indirizzo Web o un URL da cui il browser in grado di recuperare il file di immagine. A parte l'attributo src, le immagini inline HTML può essere definita da tre attributi opzionali. Questi sono alt, allineare e ismap.

L'attributo alt fornisce un'alternativa di testo inline immagine. Così, nel caso in cui lo spettatore browser non supporta la grafica, lo spettatore vedrà il testo al posto dell'immagine. Utilizzando l'attributo alt è altamente raccomandato.

Il valore attributo alt può essere una stringa vuota. Per esempio, se vi è una immagine decorativa, non è necessario per fornire un testo alternativo per essa. Pertanto, il valore attributo alt può essere lasciato in bianco.

Lo stile inline immagine può essere impostato con l'attributo align. L'attributo align dice al browser dove l'immagine inline deve apparire in relazione al testo della pagina web. L'immagine in linea può essere allineato con la parte superiore, medio o inferiore del testo adiacente sulla pagina web.

Con l'attributo ismap, un'immagine in linea può essere contrassegnato come una mappa attiva immagine. Ciò significa che le diverse parti dell'immagine può essere fatta per la produzione di diverse azioni per ogni clic che le diverse parti. Ad esempio, se vi è un'immagine in linea che mostra la Terra e Saturno, cliccando sulla Terra può portare a informazioni sulla Terra e cliccando su Saturno possono portare a informazioni su Saturno.

A differenza del alt e allineare gli attributi , l'attributo ismap non funziona da mera inclusione nel tag img. Richiede una configurazione fatta sul server. Una certa quantità di conoscenze di programmazione può anche essere richiesto.