HTML <img> kaynak Özelliği

❮ HTML <img> etiketi

Örnek

Bir görüntü aşağıdaki gibi işaretlenir:

<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">

Tanım ve Kullanım

Gerekli srcöznitelik, resmin URL'sini belirtir.

Nitelikte URL'yi belirtmenin iki yolu vardır src :

1. Mutlak URL - Başka bir web sitesinde barındırılan harici bir resme bağlantılar. Örnek: src="https://www.w3schools.com/images/img_girl.jpg".

Notlar: Harici görseller telif hakkı kapsamında olabilir. Kullanmak için izin almazsanız, telif hakkı yasalarını ihlal ediyor olabilirsiniz. Ayrıca, harici görüntüleri kontrol edemezsiniz; aniden kaldırılabilir veya değiştirilebilir.

2. Göreli URL - Web sitesinde barındırılan bir resme bağlantılar. Burada URL, alan adını içermez. URL eğik çizgi olmadan başlıyorsa, geçerli sayfaya göre olacaktır. Örnek: src="img_girl.jpg". URL bir eğik çizgi ile başlıyorsa, alan adına göre olacaktır. Örnek: src="/images/img_girl.jpg".

İpucu: Göreli URL'leri kullanmak neredeyse her zaman en iyisidir. Etki alanını değiştirirseniz kırılmazlar.

Not:alt Tarayıcı resmi bulamıyorsa,  bozuk bir bağlantı simgesi ve metin gösterilir.


Tarayıcı Desteği

Attribute
src Yes Yes Yes Yes Yes

Sözdizimi

<img src="URL">

Özellik Değerleri

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> etiketi