HTML img Etiketi ile Resim Ekleme – Ahmet Cansever
Çarşamba , 22 Kasım 2017
Anasayfa » HTML DERSLERİ » HTML img Etiketi ile Resim Ekleme

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.ahmetcansever.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.

Hakkında Ahmet C

İlginizi Çekebilir

HTML Form Örnekleri

HTML ile input type=”text”, input type=”number”, input type=”file”, input type=”radio”, input type =”checkbox”, textarea, input …

Yorum Yap

Wordpress Tema indir