Html İle İmg Etiketi ve Resim Ekleme Uygulaması | E L M A

Html İle İmg Etiketi ve Resim Ekleme Uygulaması

 

Programlama öğrenmek için her zaman yeni örnekler denemelisiniz. Bunun için bugün sizlere Html İle İmg Etiketi ve Resim Ekleme Uygulaması programını aktaracağız.  Html  de kodlama nasıl gerçekleşir? Html İle İmg Etiketi ve Resim Ekleme Uygulaması nasıl kodlanır? Gibi sorularınızın cevabını bu içeriğimizde bulabilirsiniz.


Html Programlama Örnekleri




Html İle İmg Etiketi ve Resim Ekleme Uygulaması Kod Alanı


Html  web programlama dilinde İmg Etiketi ve Resim Ekleme Uygulaması kod metnini oluşturduk. Bu uygulamamızda hazırlamış olduğunuz web sitelerinizin içerisine resim ekleme işlemi nasıl gerçekleşir onu göstereceğiz. Resim ekleme ile ilgili başlıca bilgiler şu şekildedir:


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.


Bu uygulamamızda resim eklemek için src etiketi kullanımını göstereceğiz. Bu uygulamamızın kod metni aşağıdaki gibidir: 


<img src>

<img src="res1.jpg">


Bu uygulamada herhangi bir sorun yaşarsanız aşağıya yorum olarak bırakabilirsiniz. Bunun yanı sıra web sitemizdeki diğer hazır Html programlama örneklerine ulaşmak için bu linke tıklayabilirsiniz.

Yorum Gönder

Daha yeniDaha eski