Contoh
Cara memasukkan gambar:
<img src="smiley.gif" alt="Smiley face" height="42" width="42">
Cobalah sendiri " Lebih "Cobalah Sendiri" contoh di bawah ini.
Definisi dan Penggunaan
The <img> tag mendefinisikan sebuah gambar di halaman HTML.
The <img> tag memiliki dua atribut yang diperlukan: src dan alt .
Catatan: Gambar tidak secara teknis dimasukkan ke dalam halaman HTML, gambar dihubungkan ke halaman HTML.The <img> tag menciptakan memegang ruang untuk gambar direferensikan.
Tip: Untuk menghubungkan gambar ke dokumen lain, hanya sarang <img> tag di dalam <a> tag.
Dukungan Browser
| Elemen | |||||
|---|---|---|---|---|---|
| <img> | iya nih | iya nih | iya nih | iya nih | iya nih |
Perbedaan Antara HTML 4.01 dan HTML5
The following atribut: align, border, hspace , dan vspace tidak didukung di HTML5.
Perbedaan Antara HTML dan XHTML
Dalam HTML <img> tag tidak memiliki tag akhir.
Dalam XHTML <img> tag harus ditutup dengan benar.
atribut
= Baru di HTML5.
| Atribut | Nilai | Deskripsi |
|---|---|---|
| align | top bottom middle left right | Tidak didukung di HTML5. Menentukan penyelarasan gambar sesuai dengan elemen sekitarnya |
| alt | text | Menentukan teks alternatif untuk gambar |
| border | pixels | Tidak didukung di HTML5. Menentukan lebar perbatasan sekitar gambar |
| crossorigin | anonymous use-credentials | Memungkinkan gambar dari situs pihak ketiga yang memungkinkan akses lintas asal untuk digunakan dengan kanvas |
| height | pixels | Menentukan tinggi dari suatu gambar |
| hspace | pixels | Tidak didukung di HTML5. Menentukan spasi di sisi kiri dan kanan dari suatu gambar |
| ismap | ismap | Menentukan gambar sebagai server-side image-map |
| longdesc | URL | Menentukan URL untuk penjelasan rinci dari suatu gambar |
| src | URL | Menentukan URL gambar |
| usemap | #mapname | Menentukan gambar sebagai client-side image-map |
| vspace | pixels | Tidak didukung di HTML5. Menentukan spasi di atas dan bawah gambar |
| width | pixels | Menentukan lebar gambar |
Atribut global
The <img> tag juga mendukung Atribut Global di HTML .
Atribut acara
The <img> tag juga mendukung Acara Atribut di HTML .
Coba Sendiri - Contoh
Menyisipkan gambar dari lokasi yang berbeda
Cara menyisipkan gambar dari folder lain atau dari situs web lain.
Membuat hyperlink dari suatu gambar
Bagaimana menambahkan hyperlink ke gambar.
Membuat peta gambar
Cara membuat peta gambar, dengan daerah yang dapat diklik. Setiap daerah adalah hyperlink.
Pages terkait
HTML tutorial: Gambar HTML
Referensi HTML DOM: Gambar Object
CSS Tutorial: Styling Images
Pengaturan Default CSS
Kebanyakan browser akan menampilkan <img> elemen dengan nilai default berikut: