tutorial pengembangan web terbaru
 

HTML <img> Tag


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
crossoriginanonymous
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:

Contoh

img {
    display: inline-block;
}
Cobalah sendiri "