HTML belgemize resim eklemek için <img> kodundan yararlanırız.

See the Pen MREapr by Html Tasarim (@htmltasarim) on CodePen.0

Buradaki src=”” özelliği resmin dosya adını yazacağımız yerdir. Eğer resim, html belgemizin olduğu yerde değil ve bir klasörün içindeyse bu kez src değerine “klasor/resim.jpg” şeklinde yazmak gerekecekti. Resmi farklı bir siteden alacaksanız o halde resmin yolunu yazmanız yeterlidir (http:// ile başlamalı ve bu bir resim dosyası olmalı, jpg, gif, png gibi).

Resimlerimize alt=”” özelliği kullanarak fare imleci ile üstüne tuttuğumuzda görünecek açıklayıcı bir yazı yazılabilir. Resmimize link verebiliriz. Bunun için normal link komutu arasına resmimizi alırız.

See the Pen MREamr by Html Tasarim (@htmltasarim) on CodePen.0

Görüldüğü gibi kalın bir çizgi görünüyor resmimizin etrafında. Bunu stil dosyasından ayarlayabileceğiniz gibi, border=”0″ diyerek tamamen yok edebilirsiniz.

See the Pen qwPOmg by Html Tasarim (@htmltasarim) on CodePen.0

Resmimizi yazımızın sağına ya da soluna dayamamız mümkün. Bunun için align=”hiza” özelliğinden yararlanırız. Bu değer left ise sola, right ise sağa dayalı olacaktır.

See the Pen eoGpRM by Html Tasarim (@htmltasarim) on CodePen.0