Resim Ekleme
Sayfalarımızın kullanıcılar adına daha anlaşılır olması
yayınladığımız web sitelerimiz adına önemli bir özelliktir.
Resim eklemek için kullanılan etiket <img> etiketidir.
<img> etiketini açtıktan sonra resmimizin adını ve yolunu “src” koduna
belirtmeliyiz. Burada dikkat etmemiz gerekenler resmimizin ismini ve uzantısını
doğru yazmak ve resmin bulunduğu klasör ile sayfamızın kayıtlı plduğu klasörün
aynı olması. Şayet aynı klasörde bulunmazsa “\” işareti ile klasörümüzün yolunu
belirtmemiz gerekecektir.
Örnek 1:
<img src=”resim.jpg”>
Örnek 2 Resim farklı klasörde ise:
<img src=”resimlerim\resim.jpg”>
“Alt” özelliği ile de faremizin resimlerin üzerine
geldiğinde bir açıklama metni ekleyebiliriz.
Örnek 3 Açıklama metni :
<img src=”resimlerim\resim.jpg” alt=”resim için açıklama
metni”>
Eğer görselimize çerçeve eklemek istersek border özelliğini
kullanmalıyız.
Örnek 4 Çerçeve :
<img src=”resimlerim\resim.jpg” border=5>
Buradaki 5 rakamı çerçevenin kalınlığını belirtmek için
kullanılır.
Bir önceki dersimizde link vermeyi öğrenmiştik. Tabi aynı
yöntemle artık resimlere de link verebiliriz. Bunun için yapmamız gerekenler
için aşağıdaki örnek kodu inceleyebiliriz.
Örnek 5 Resme link verme :
<a href=”#”><img src=”resimlerim\resim.jpg”></a>
Resmimizi sağa ya da sola dayalı yapmak istiyorsak aling
özelliğini kullanmalıyız.
aling=”right”
aling=”left”
Örnek 6 Sağa ya da sola yaslama :
<img src=”resimlerim\resim.jpg” aling=”left”>
HTML Ders-4 Resim Eklem
4/
5
Oleh
Unknown
