Resim Eklemek (12. Ders)

[me3met]

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

Kod:

<img src="ornek.jpg" alt="Örnek Resim">

HTML Görünümü: http://forumil.com/nane/resimekleme.html

Buradaki src="" özelliği resmin dosya adını yazacağımız yerdir. Eğer resim, html belghemizin olduğu yerde değil ve bir klasörün içindetse 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 gib..)

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>

HTML Görünümü: http://forumil.com/nane/resimeklemee.html

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

Kod:

<a href="#"><img src="html.jpg" alt="Örnek Resim" norder="0"</a>

HTML Görünümü: http://forumil.com/nane/resimeklemeee.html

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.

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 anlamaz "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. mahallenini sevmediğini bildiği için ceketine bir de astar diktirmişti. Mahalleliye dert olmuştu Ahmet'beyin ceketi.<br/><br/>

HTML Görünümü: http://forumil.com/nane/resimeklemeeee.html