Html Resim Ekleme

Resim Ekleme

Hazırlamış olduğunuz web sayfasının içeriğine uygun olarak resimler eklemek isteyebilirsiniz. Resim eklemek için kullanılan html etiketi <img src>’dir. Src, ekleyeceğimiz resmin bulunduğu dizini gösterir.

Kullanımı:

<img src=”res1.jpg”> res1.jpg resminin sayfamıza eklenmesini sağlar.

<img src> etiketi ile kullanılan birtakım parametreler bulunur. Bunlar; width, height, border, align, alt parametreleridir.
Width: Eklenilecek resmin pixel cinsinden genişliğini gösterir.

Height: Eklenilecek olan resmin pixel cinsinden yüksekliğini gösterir.

Border: Eklenilecek olan resme bir çerçeve çizilip kalınlığını belirlemek için kullanılır. Border=”0”
 olursa çerçeve çizilmez. Buradaki sayı arttıkça çerçevenin kalınlığı da artar.

Alt: Fare ile resmin üzerine gelindiğinde yazılmasını istediğiniz metni belirlemek için kullanılır.

Align: Eklenilecek olan resmin nasıl hizalanacağını belirtmek için kullanılır. Left değeri ile kullanıldığı zaman resim sağa hizalı, right değeri ile kullanıldığında resim sola hizalı, center ile kullanıldığında ise resim ortalanmış olarak sayfaya eklenecektir.

ÖRNEK: