HTML - Resim Ekleme Kodu

HTML belgemize resim eklemek için <img> kodunu kullanırız.

HTML Kodu:

<img src="deneme.jpg" alt="Deneme Resim">

HTML Görünümü (Önizleme):

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).

Örnek Olarak: https:resimsitesi.com/deneme.jpg gibi bir resim linki.

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.

HTML Kodu:

<a href="#"><img src="deneme.jpg" alt="Deneme Resim"></a>

HTML Görünümü (Önizleme):

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.

___________________________________________________________________________________

HTML Kodu:

<a href="#"><img src="html.jpg" alt="Deneme Resim" border="0"></a>

HTML Görünümü (Önizleme):

___________________________________________________________________________________

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 sağa, right ise sola dayalı olacaktır.

HTML Kodu:

<img src="html.jpg" alt="Sağa Dayalı Resim" border="0" align="right">
Cihan Bey, küçük, ahşap, kırmızı boyalı, iki katlı bir evde otururdu. Erkenden kalkar, "Haydi ya nasip" derdi ve evden çıkardı. Kimseler anlamazdı "Ya nasip" ne demekti? O mahallede herkes gömlek giyerdi, Cihan Bey bir de ceket diktirdi, mahalleli bundan pek hoşlanmamış gibiydi.<br /><br />
Mahalleli kahvede zaman öldürüyor, sabah akşam sohbet ediyordu. Oysa Cihan Bey onlardan farklı olarak sessizliği severdi. Mahallelinin sevmediğini bildiği ceketine bir de astar diktirmişti. Mahalleliye dert olmuştu Cihan Bey'in ceketi.<br /><br />

HTML Görünümü (Önizleme):

Cihan Bey, küçük, ahşap, kırmızı boyalı, iki katlı bir evde otururdu. Erkenden kalkar, "Haydi ya nasip" derdi ve evden çıkardı. Kimseler anlamazdı "Ya nasip" ne demekti? O mahallede herkes gömlek giyerdi, Cihan Bey bir de ceket diktirdi, mahalleli bundan pek hoşlanmamış gibiydi.Mahalleli kahvede zaman öldürüyor, sabah akşam sohbet ediyordu. Oysa Cihan Bey onlardan farklı olarak sessizliği severdi. Mahallelinin
sevmediğini bildiği ceketine bir de astar diktirmişti.
Mahalleliye dert olmuştu Cihan Bey'in ceketi.

___________________________________________________________________________________

Bugünkü konumuz bu kadardı okuduğunuz için teşekkürler. Herhangi bir sorun yaşıyorsanız yorum bölümünden destek isteyebilirsiniz keyifli günler dilerim..