HTML tag <img>
Esempi
Come inserire un'immagine:
Prova »
(Per ulteriori esempi, vedere il fondo della pagina)
Supporto per il browser
Tutti i browser principali supportano il tag <img>.
le definizioni e le istruzioni tag
<Img> tag definisce una pagina HTML immagini.
<Img> tag ha due attributi richiesti: src e alt.
Nota: Tecnicamente, l'immagine non verrà inserito nella pagina HTML, ma il link alla pagina HTML.Ruolo tag <img> è quello di creare un'immagine segnaposto viene fatto riferimento.
Suggerimento: per la nidificazione tag <img> in scheda <a>, aggiungere all'immagine di un collegamento a un altro documento.
Le differenze tra HTML 4.01 e HTML5
HTML5 non supporta i seguenti attributi: align, confine, hspace, longdesc, vspace.
In HTML 4.01, i seguenti attributi: allineare, confine, hspace, vspace obsoleto .
Le differenze tra HTML e XHTML
In HTML, tag <img> non ha alcun tag di chiusura.
In XHTML, tag <img> deve essere chiuso correttamente.
proprietà
Nuovo: HTML5 nuova proprietà.
属性 | 值 | 描述 |
---|---|---|
align | top bottom middle left right |
HTML5 不支持。HTML 4.01 已废弃。 规定如何根据周围的文本来排列图像。 |
alt | text | 规定图像的替代文本。 |
border | pixels | HTML5 不支持。HTML 4.01 已废弃。 规定图像周围的边框。 |
crossorigin New | anonymous use-credentials |
设置图像的跨域属性 |
height | pixels | 规定图像的高度。 |
hspace | pixels | HTML5 不支持。HTML 4.01 已废弃。 规定图像左侧和右侧的空白。 |
ismap | ismap | 将图像规定为服务器端图像映射。 |
longdesc | URL | HTML5 不支持。HTML 4.01 已废弃。 指向包含长的图像描述文档的 URL。 |
src | URL | 规定显示图像的 URL。 |
usemap | #mapname | 将图像定义为客户器端图像映射。 |
vspace | pixels | HTML5 不支持。HTML 4.01 已废弃。 规定图像顶部和底部的空白。 |
width | pixels | 规定图像的宽度。 |
Proprietà globali
Tag <img> supporta HTML proprietà globali .
Proprietà evento
Tag <img> supporta proprietà dell'evento HTML .
Prova - Esempio
Inserire immagini da luoghi diversi
Questo esempio dimostra come diverse immagini della cartella o del server per visualizzare le pagine web.
Creare un link d'immagine
Questo esempio dimostra come utilizzare l'immagine come un link.
Creare mappe immagine
Questo esempio dimostra come creare mappe immagine con aree cliccabili. Ciascuna di queste regioni è un collegamento ipertestuale.
articoli correlati
HTML Tutorial: Immagini HTML
Manuale HTML DOM Riferimento: Oggetto Immagine