Html Webmaster

HTML Temel : HTML Resim Ekleme

HTML Resim Ekleme

Görüntüler, web sitenizde basit bir şekilde birçok karmaşık kavramı göstermenin yanı sıra güzelleştirmek için de çok önemlidir. Bu eğitimde, web sayfalarınızdaki görüntüleri kullanmanız için basit adımlar atılacaktır.

Resim ekle

<img>Etiketi HTML belgelerinde resim eklemek için kullanılır. Boş bir öğedir ve yalnızca nitelikler içerir. <img>Etiketin söz dizimi şu şekilde verilebilir:

Aşağıdaki örnek web sayfasına bir resim ekliyor:

 

Not:<br><img> gibi eleman da boş bir elemandır ve bir kapanış etiketi yoktur. XHTML’de ” />” ile kendisini kapatır .

Not 2:Gerekli altözellik, bir nedenden dolayı bir kullanıcı yavaş bağlantı, nitelikteki bir hata nedeniyle src veya kullanıcı bir ekran okuyucu kullanıyorsa görüntüleyemiyorsa görüntü için alternatif bilgi sağlar .

Not 3: Her görüntünün bir srcözelliği vardır ( src kaynak anlamına gelir ). Src niteliği, tarayıcıya görüntülemek istediğiniz görüntüyü nerede bulacağını söyler. Src niteliğinin değeri olarak sağlanan görüntünün URL’si görüntünün olduğu konumu gösterir.


Bir Resmin Genişliğini ve Yüksekliğini Ayarlama

Width (genişlik) ve height (yükseklik) özellikleri, görüntünün yüksekliğini ve genişliğini belirtmek için kullanılır. Görüntünün genişliğini ve yüksekliğini piksel ya da gerçek boyutunun yüzdesi olarak belirleyebilirsiniz.

 


Görüntü Kenarlığını Ayarla

Varsayılan olarak, görüntünün etrafında bir kenarlık olacaktır, kenarlık özelliğini kullanarak kenarlık kalınlığını piksel cinsinden belirleyebilirsiniz. 0 kalınlığı, resmin etrafında kenarlık olmaması anlamına gelir.

Yazar Hakkında

Beytullah Toprak

Genç girişimci olarak web sitemde siz değerli okuyucularımıza elimden geldiğince bilgi aktarmak hem öğrenmek , hem sizlere öğretmek amaçlamaktayız.

Yorum Yap