Esempio
Come inserire un'immagine:
<img src="smiley.gif" alt="Smiley face" height="42" width="42">
Prova tu stesso " Più "Provate voi stessi" esempi di seguito.
Definizione e utilizzo
Il <img> tag definisce un'immagine in una pagina HTML.
Il <img> tag ha due attributi richiesti: src e alt .
Nota: Le immagini non sono tecnicamente inseriti in una pagina HTML, le immagini sono collegate alle pagine HTML.Il <img> tag crea uno spazio holding per l'immagine di riferimento.
Suggerimento: per collegare un'immagine a un altro documento, è sufficiente nido <img> tag all'interno <a> tag.
Supporto per il browser
| Elemento | |||||
|---|---|---|---|---|---|
| <img> | sì | sì | sì | sì | sì |
Differenze tra HTML 4.01 e HTML5
I following attributi: align, border, hspace e vspace non sono supportati in HTML5.
Differenze tra HTML e XHTML
In HTML il <img> tag non ha alcun tag di chiusura.
In XHTML il <img> tag deve essere ben chiuso.
attributi
= Nuovo in HTML5.
| Attributo | Valore | Descrizione |
|---|---|---|
| align | top bottom middle left right | Non supportato in HTML5. Specifica l'allineamento di un'immagine in base agli elementi circostanti |
| alt | text | Specifica un testo alternativo per le immagini |
| border | pixels | Non supportato in HTML5. Specifica la larghezza del bordo attorno a un'immagine |
| crossorigin | anonymous use-credentials | Consentire immagini da siti di terze parti che consentono l'accesso cross-origine per essere utilizzati con tela |
| height | pixels | Specifica l'altezza di un'immagine |
| hspace | pixels | Non supportato in HTML5. Specifica lo spazio bianco sul lato destro e sinistro di un'immagine |
| ismap | ismap | Specifica un'immagine come immagine-mappa sul lato server |
| longdesc | URL | Specifica un URL per una descrizione dettagliata di un'immagine |
| src | URL | Specifica l'URL di un'immagine |
| usemap | #mapname | Specifica un'immagine come immagine-mappa sul lato client |
| vspace | pixels | Non supportato in HTML5. Specifica lo spazio bianco sulla parte superiore e inferiore di un'immagine |
| width | pixels | Specifica la larghezza di un'immagine |
attributi globali
Il <img> tag supporta anche l' Attributi globali in HTML .
Attributi eventi
Il <img> tag supporta anche l' evento Attributi in HTML .
Provate voi stessi - Esempi
Inserire immagini da posizioni diverse
Come inserire immagini da un'altra cartella o da un altro sito web.
Fare un collegamento ipertestuale di un'immagine
Come aggiungere un collegamento ipertestuale a un'immagine.
Creare una mappa immagine
Come creare una mappa immagine, con le regioni cliccabili. Ogni regione è un collegamento ipertestuale.
Pagine correlate
Tutorial HTML: Immagini HTML
Di riferimento HTML DOM: Oggetto Immagine
Tutorial CSS: Styling Immagini
Impostazioni predefinite CSS
La maggior parte dei browser visualizzerà il <img> elemento con i seguenti valori di default: