HTML DERSLERİ Web Tasarım

HTML img Etiketi ile 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;

dir. Src ekleyeceğimiz resmin bulunduğu dizini gösterir.

Kullanımı:

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 ya da resim yüklenemediği zaman resmin yerinde gösterilecek yazı 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.

=======www.yazilimkodlama.com========

Örnek : Örneğimizde oluşturmuş olduğumuz tablo içine resimlerimizi yerleştiren HTML kodlarını oluşturacağız. Resimlerimizin “resimler” isimli bir klasör içinde olduğunu belirtelim.

html_image_ornek

HTML Kodlarımız aşağıdaki gibi olacaktır.

Yorum yap