Html ile resim ekleme

Sezai AlkanFrontend Developer

HTML #html #resimekleme

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.