HTML

30 Kasım 2007

HTML Resimler (Images)

HTML ile belgelerin içinde resimleri görüntüleyebilirsiniz.

Resim (Image) Biçimi ve Kaynak (Src) Niteliği

HTML'de, resimler <img> biçimiyle gösterilir.

<img> biçimi boştur, bunun anlamı nitelikleri vardır ama kapanış biçimi yoktur.

Bir resmi sayfada göstermek için "src" (kaynak) niteliğine gereksinim vardır. Burada "src" niteliğinin değeri resim dosyasının yerini gösteren URL adresidir.

Bir resmi tanımlamak için dil kuralı şöyledir:
 
<img src="url">
URL resmin adresini gösterir (diskte saklandığı yeri). "boat.gif" adı verilen resim, "www.w3schools.com" URL adresinin "images" adlı klasördedir.
yani tüm URLadresi: http://www.w3schools.com/images/boat.gif.

Tarayıcı resmi "img" biçimi neredeyse oraya yerleştirir. Eğer "img" biçimini iki paragraf arasına yerleştirirseniz, tarayıcı önce ilk paragrafı, sonra resmi daha sonra ikinci paragrafı görüntüler.

Alt Niteliği

Bu nitelik "başka bir yazı" görüntülemek için kullanılır. Bu niteliğin değeri sayfayı hazırlayanın belirttiği bir yazıdır. 
<img src="boat.gif" alt="Big Boat">
"alt" niteliği okuyucuya sayfada neyi yitirdiğini bildirir. Eğer tarayıcı resmi yükleyemezse alt niteliği içindeki yazı mesaj olarak görüntülenir. Çünkü resim olmadığı için diğer seçenek olan bu yazı mesaj olarak görüntülenmektedir. Her resimde "alt" niteliğini kullanmak iyi bir alışkanlıktır. Çünkü bu mesaj yalnız yazı görüntüleyen tarayıcılarda resim yerine kullanılacak, karışıklığı giderecektir (bir çok resim hakkında açıklama olmayınca kullanıcı hangi resmin ne amaçla görüntülenmekte olduğunu bilemez...

Basic Notes - Useful Tips

Eğer bir sayfada on resim varsa, o sayfa doğru görüntülemek için onbir dosyaya gereksinim vardır. Bu resimleri yüklemek zaman alır. Bu nedenle size önerimiz: Lütfen resimleri dikkatli kullanın.