Projelerinizde verimliliği artırmak, hataları bulmak ve daha hızlı geliştirmek için kullanabileceğiniz araçlarla dolu bir dünya!

Html ile resim ekleme

Sezai AlkanFrontend 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.

Anonim

Yorum yapabilmek için giriş yapmanız gerekmektedir.

Sosyal Medya

Mobil Uygulama

Tarayıcı Eklentileri

Şifre Oluşturucu

Google Chrome Plugin

Yardımcı Siteler

w8icon

w8icon.com

Kod depo

koddepo.com

e-mvc

e-mvc.com