immagine HTML

Esempi

Norwegian Mountain Trip

Prova »

Esempi online

Inserire un'immagine
Questo esempio dimostra come visualizzare le immagini in una pagina Web.

Inserire immagini da luoghi diversi
Questo esempio dimostra come diverse immagini della cartella o del server per visualizzare le pagine web.

(Si possono trovare altri esempi in fondo a questa pagina).

immagine HTML - il tag di immagine (<img>) e un attributo di origine (Src)

In HTML, immagini sono definite dal tag <img>.

<Img> tag è vuota, il che significa che contiene attributi, e non tag di chiusura.

Per visualizzare l'immagine sulla pagina, è necessario utilizzare l'attributo di origine (src). src riferisce alla "fonte". Valore dell'attributo di origine è l'URL dell'immagine.

sintassi immagine personalizzata è:

URL fa riferimento alla posizione di memorizzazione delle immagini. Se l'immagine si chiama "boat.gif" che si trova www.w3school.com.cn la directory delle immagini, quindi l'URL è http://www.w3school.com.cn/images/boat.gif.

Il browser visualizzerà l'immagine nel documento in cui viene visualizzato il tag di immagine. Se si mette un tag di immagine tra i due paragrafi, il browser visualizzerà prima del primo comma, e poi visualizzare l'immagine visualizzata all'ultimo secondo comma.

immagini HTML - Alt attributo

attributo alt è usato come una definizione alternativa di una serie di immagini di testo preparati.

Sostituire le proprietà del testo sono valori definiti dall'utente.

Quando un browser non può caricare le immagini, sostituire gli attributi di testo dicono i lettori perdono informazioni. In questo caso, il browser visualizzerà il testo alternativo anziché immagini. L'immagine sulla pagina sono combinati con la proprietà text sostituzione è una buona abitudine, che aiuta a migliorare le informazioni di visualizzazione, e per coloro che utilizzano il browser solo testo è molto utile.

Immagini HTML - impostare l'altezza e la larghezza dell'immagine

altezza (altezza) e larghezza (larghezza) in modificando la larghezza e l'altezza dell'immagine.

Il valore di attributo predefinito in pixel:

Suggerimento: Una buona immagine della altezza specificata e la larghezza del abitudine. Si manterrà la dimensione specificata se l'altezza dell'immagine viene specificata la larghezza, quando la pagina viene caricata. Se non si specifica la dimensione dell'immagine, è possibile quando la pagina viene caricata minerebbero il layout generale delle pagine HTML.

precauzioni di base - consigli utili:

Nota: Se un file HTML contiene immagini dieci, quindi per poter visualizzare correttamente questa pagina, è necessario caricare 11 file.foto del carico richiede tempo, quindi il nostro consiglio è: immagine cautela.

Nota: Quando la pagina viene caricata, a prestare attenzione ad inserire il percorso immagine della pagina, se la posizione dell'immagine non può essere impostato correttamente, il browser non può caricare l'immagine, il tag di immagine verrà visualizzata un'immagine rotto.

Altri esempi

immagini Arrangement
Questo esempio dimostra come disporre le immagini nel testo.

Floating Immagini
Questo esempio dimostra come rendere il galleggiante immagine al paragrafo a sinistra oa destra.

Impostazione immagine link
Questo esempio dimostra come utilizzare l'immagine come un link.

Creazione di una mappa immagine
Questo esempio mostra come creare mappe immagine con aree cliccabili. Ciascuna di queste regioni è un collegamento ipertestuale.

tag di immagine HTML