Html ile resim ekleme

sezaialkan
Sezai Alkan Frontend Developer

Html İle Resim Eklemek İçin img Etiketi Kullanılır. Bu Etiketin Başlıca Aldığı Özelliklerde Vardır. Bunlara Örnek Olarak Yükseklik Genişlik, çerçeve Gibi Özellikleri Vardır. Aşağıdaki Satırda Resim İle Dosyamızın Aynı Dizinde Olduğu, Bir Resim Ekrana Yadıralım.

<img src="resim.jpg" >

Yukarıdaki Satırda img Etiketi Görselin Varsayılan Boyutlarında Ekrana Gösterecektir. Bazı Durumlarda Ekranda Taşmalara Neden Olabilir. Bu Nedenle img Etiketinin Özelliklerini Burada Kullanabiliriz.

<img src="resim.jpg" width="100" height="100">

Yukarıdaki Satırda İse Çektiğimiz Görsele Yükseklik Ve Genişlik Atadık Resimin Boyutu Ne Olursa Olsun Ekranda Yükselikliği Ve Genişliği 100px Olarak Görünecektir.Son Olarakda img Etiketinin Olmazsa Olmazı alt Etiketidir. Resmimizin Açıklaması Olarak Üzerine Gelindiğinde Gösterilecek Metin Olarakda Tanımlayabiliriz.

<img src="resim.jpg" width="100" height="100" alt="Resim Açıklaması">

alt Etiketi İle Görselimize "Resim Açıklması" Detayını Ekledik. alt Etiketi SEO İçinde Kullanılan Kriterlerdendir.

Yorumlar

Yorum Yapabilmek İçin Giriş Yapmalısınız.
İlk Yorum Yapan Sen Ol!
Uçur Beni Kahramanım Yukarı Çık
Bu web sitesi çerezleri kullanıyor. Devam ederek çerez kullanımını kabul etmiş oluyorsunuz. Detay

Devam Etmek İçin Giriş Yapın

Kod Hocası İle Paylaşımda bulunabilir, Kendini geliştirebilirsin. Sende Hemen Giriş Yap Aramıza Katıl.

GirişKayıt Ol