HTML <img> Atribut src

Contoh

Sebuah gambar ditandai sebagai berikut:

Definisi dan Penggunaan

Atribut yang diperlukan srcmenentukan URL gambar.

Ada dua cara untuk menentukan URL dalam src atribut:

1. URL Absolut - Tautan ke gambar eksternal yang dihosting di situs web lain. Contoh: src="https://www.w3schools.com/images/img_girl.jpg".

Catatan: Gambar eksternal mungkin berada di bawah hak cipta. Jika Anda tidak mendapatkan izin untuk menggunakannya, Anda mungkin melanggar undang-undang hak cipta. Selain itu, Anda tidak dapat mengontrol gambar eksternal; itu bisa tiba-tiba dihapus atau diubah.

2. URL Relatif - Tautan ke gambar yang di-host di dalam situs web. Di sini, URL tidak menyertakan nama domain. Jika URL dimulai tanpa garis miring, itu akan relatif terhadap halaman saat ini. Contoh: src="img_girl.jpg". Jika URL dimulai dengan garis miring, itu akan menjadi relatif terhadap domain. Contoh: src="/images/img_girl.jpg".

Tip: Hampir selalu yang terbaik adalah menggunakan URL relatif. Mereka tidak akan rusak jika Anda mengubah domain.

Catatan: Ikon tautan rusak dan altteks ditampilkan jika browser tidak dapat menemukan gambar.

Dukungan Peramban

Attribute
src	Yes	Yes	Yes	Yes	Yes

Sintaksis

Nilai Atribut

Value	Description
URL	The URL of the image. Possible values: An absolute URL - points to another web site (like src="http://www.example.com/image.gif") A relative URL - points to a file within a web site (like src="image.gif")

Value

Description

URL

The URL of the image.

Possible values:

An absolute URL - points to another web site (like src="http://www.example.com/image.gif")
A relative URL - points to a file within a web site (like src="image.gif")

HTML <img> tag