Merhaba arkadaşlar bu dersimizde sayfamıza resim ekleyeceğiz.
yapımız;
<img src="......."> şeklinde.Boşluğa yükleyeceğimiz resmin adresini giriyoruz.
önerk:
<img src="yumruk_bayrak.jpg">
Burada dikkat edilmesi gereken nokta; eğer resmimiz, html adresimizi kaydettiğimiz dosyanın içinde değil de masa üstünde veya başka yerde ise o zaman ../ ile bir üst klasöre çıkıyoruz , eğer iki üst klasörde ise ../../ şeklinde olacak.
örneğin resmimiz masa üstünde
<img src="../yumruk_bayrak.jpg">
veya resmimiz masa üstünde resim klasöründe
<img src="../resim/yumruk_bayrak.jpg">
align="..." dan bahsetmiştim. right=sağ left=sol center=ortalama bunu resimlerimizde de kullanabiliriz.
<img src="yumruk_bayrak.jpg" align="center"> gibi
ayrıca genişlik(widht) veya yükseklik(height) vererek resimlerimizin boyunu ayarlayabiliriz.
<img src="yumruk_bayrak.jpg" widht="100px" height="200px"> gibi
Eğer resmimiz açılmaz ve kırık link çıkarsa bunun yerine alt="....." ile kırık link yerine yazı çıkmasını sağlayabiliriz.
<img src="../yumruk_bayrak.jpg" alt="yumruk ve bayrak resmi vardır">
title="......"ile de resmin üzerinde iken gözükmesini istediğimiz yazı çıkar
<img src="yumruk_bayrak.jpg" title="yumruk ve bayrak resmi vardır">
Şimdi de arkaplan resim ve renklerine bakalım.
Arkaplana renk ve resim eklemek için body kullanacağız. Body bizim gövdemizdi.
bgcolor arkaplan rengini ayarlar. Sadece body de çalışır.
<body bgcolor="blue">
arkaplana resim eklemek içinde body nin içinde background="......" şeklinde olacak.
<body background="yumruk_bayrak.jpg">
Eğer resmimizin arkaplana sığmasını istiyorsak arkadaşlar CSS kodu tanımlayacağız. İleride CSS kodlarından bahsedeceğim ama burada küçük bir parantez açmak istedim. Aşağıda ki gibi kodumuzu yazarsak çözünürlüğümüze göre arkaplan resmimiz tüm sayfayı kaplayacaktır.
<body bgcolor="blue" style="background-image:url(yumruk_bayrak.jpg);
background-size:contain;">
bir sonraki dersimizde görüşmek üzere esen kalın... ebi
Hiç yorum yok:
Yorum Gönder