HTML <img> tag

Sebelumnya: <input> tag HTML

Berikutnya: HTML <iframe> tag

contoh

Cara memasukkan gambar:

Coba »
(Untuk contoh lebih lanjut, lihat bagian bawah halaman)

Dukungan Browser

Semua browser utama mendukung <img> tag.

Tag definisi dan petunjuk

<Img> mendefinisikan sebuah halaman HTML gambar.

<Img> tag memiliki dua atribut yang diperlukan: src dan alt.

Catatan: Secara teknis, gambar tidak akan dimasukkan ke dalam halaman HTML, tetapi link ke halaman HTML.Peran <img> tag adalah untuk menciptakan citra placeholder direferensikan.

Tip: oleh bersarang <img> tag di tab <a>, menambah gambar untuk link ke dokumen lain.

Perbedaan antara HTML 4.01 dan HTML5

HTML5 tidak mendukung atribut berikut: menyelaraskan, perbatasan, hspace, longdesc, vSpace.

Dalam HTML 4.01, atribut berikut: menyelaraskan, perbatasan, hspace, vspace usang .

Perbedaan antara HTML dan XHTML

Dalam HTML, tag <img> tidak memiliki tag akhir.

Dalam XHTML, <img> tag harus ditutup dengan benar.

milik

Baru: HTML5 properti baru.

属性	值	描述
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	规定图像的宽度。

Properti global

<Img> tag mendukung HTML sifat global yang .

Properti acara

<Img> tag mendukung HTML sifat acara .

Coba - Contoh

Menyisipkan gambar dari lokasi yang berbeda
Contoh ini menunjukkan bagaimana folder atau server yang berbeda gambar untuk menampilkan halaman Web.

Buat link gambar
Contoh ini menunjukkan bagaimana menggunakan gambar sebagai link.

Buat peta gambar
Contoh ini menunjukkan cara membuat peta gambar dengan daerah yang dapat diklik. Masing-masing daerah adalah hyperlink.

HTML label