HTML belgemize resim eklemek için
<img> kodundan yararlanırız.
Kod:
<img src="ornek.jpg" alt="Örnek Resim"/>
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.
Kod:
<a href="#"><img src="html.jpg" alt="Örnek Resim" /></a>
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.
Kod:
<a href="#"><img src="html.jpg" alt="Örnek Resim" border="0"/></a>
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.
Kod:
<img src="html.jpg" alt="Sağa Dayalı Resim" border="0" align="right"/> Ahmet 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, Ahmet 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 Ahmet Bey onlardan farklı olarak sessizliği severdi. Mahallelinin sevmediğini bildiği ceketine bir de astar diktirmişti. Mahalleliye dert olmuştu Ahmet Bey'in ceketi.<br /><br />