- Katılım
- 10 Şub 2021
- Mesajlar
- 592
- Tepkime puanı
- 11
- Puanları
- 18
- Konum
- Frankfurt
- Web sitesi
- www.benkral.net
HTML belgemize resim eklemek için <img> kodundan yararlanırız.
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
kalın bir çizgi görünüyor resmimizin etrafında. Bunu stil dosyasından ayarlayabileceğiniz gibi, border="0" diyerek tamamen yok edebilirsiniz.
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:
<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
HTML:
<a href="#"><img src="html.jpg" alt="Örnek Resim" /></a>
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:
<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.
HTML:
<img src="html.jpg" alt="Sağa Dayalı Resim" border="0" align="right"/>
Buraya yazinizi yazabilirsiniz <br /><br />