Resim Eklemek - HTML Dersleri

HTML Dersleri

• Ana Sayfa
• İletişim

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

HTML Kodu

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

HTML Görünümü

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.

HTML Kodu

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

HTML Görünümü

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="Örnek Resim" border="0"/></a>

HTML Görünümü

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.

HTML Kodu

<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 />

HTML Görünümü

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

• Form Nesneleri
• Arkaplan Kullanmak

HTML'ye Giriş

HTML Dili Genel Bakış Elementler Basit Kodlar Özellikler Biçimlendirme Özel Karakterler Bağlantılar Frame Kullanmak Tablolar Listeleme Form Nesneleri Resim Eklemek Arkaplan Kullanmak Renkler

Üst Düzey HTML

CSS (Stil) Dosyaları META Taglar Script Kullanmak Tüm Kodlar Tüm Fonksiyonlar Facebook Sayfamız

Programlama Türkiye