HTML Sayfasına Arka Plan Ekleme (Resimli Anlatım)

html (1)

Oluşturacağımız html sayfalarının arka planına  bir resim ekleyebilir veya arka plan rengini değiştirebiliriz.İlk olarak arka plan için renk belirleyelim.Bunun için sayfamızın başında yazdığımız <body> etiketinin bgcolor özelliğini kullanmalıyız.

<body bgolor=”green”> yazarsak arka plan rengimiz yeşil olacaktır.Arka plan rengini doğrudan yazmak yerine, istediğimiz rengin kodunu da yazabiliriz.Yani <body bgcolor=”#FFCCFF”> olarak da yazabilir.Renklerimizin html kod karşılıklarını bulmak için google üzerinden  Html renk kodları olarak aratabilirsiniz.Bunun için bir html sayfası örneği verelim;

[stextbox id="alert"]
<html>
<head>
<title>Sayfamızın arka plan rengi</title>
</head>
<body bgcolor="#FF00FF">
Örnek Web Sitesi
</body>
</html>[/stextbox]

Bu kodları Notepad++ da yazıp uzantısını .html olarak kaydedersek oluşacak çıktımız ;

arkaplan

Sayfamızın arka planına sabit bir renk değil de bir resim eklemek istiyorsak kullanacağımız özellik backgrounddır. Kullanımı ise ;

<body background=”Resmimizin yolu”>

Resim yolundan kastımız, ekleyeceğimiz resmin bilgisayarımızdaki yoludur.Mesela masaüstünde deneme.jpgadlı bir resmimiz varsa eklenecek kodumuz : <body background=”deneme.jpg”> olacaktır. Tabi eğer html dosyamız da masaüstünde ise. Masaüstünde değilse o anki konumunu, yukarıdaki adres çubuğuna tıklayarak öğrenebiliriz.

Uzantımız gif veya png gibi farklı bir uzantı ise onu da belirtmeliyiz.Eğer bilgisayarımızdan değil de herhangi bir sitedeki resmi ekleyecek isek ,ekleyeceğimiz resmin sitedeki url sini yazmalıyız.Bunun için resme sağa tıklayıpresim url’sini kopyala veya resim konumunu kopyala kısmından url sini almalıyız.Aldıktan sonra deneme.jpgolan yere,url adresini yazıyoruz. Daha iyi anlamamız açısından buna bir örnek verelim;

[stextbox id="alert"]
<html>
<head>
<title>Sayfamızda görüntülenecek başlık</title>
</head>
<body background="http://www.resimvadisi.com/data/media/1705/kizkulesi.jpg">
Örnek Web Sitesi
</body>
</html>[/stextbox]

Bunu yaptığımızda arkaplan resmimiz,belirtilen url deki resim olacaktır.

 

arkpln

 

You may also like...

1 Response

  1. mehmet akif diyor ki:

    kardeşim verdiğin bilgiler için teşekkürler benim sorum bloggerda ana sayfayı değiştirmeden yanlarına nasıl renkli yaparım ? alt ve üsteki boş kalan yerlerde dahil. teşekkürler.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak.