• Şuradasınız
  • Anasayfa
  • Html
  • Html Sayfasına Arka Plan Ekleme

Html Sayfasına Arka Plan Ekleme

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;

<html>
    <head>
       <title>Sayfamızın arka plan rengi</title>
    </head>
    <body bgcolor="#FF00FF">
       Mehmet Kirazlı Web Sitesi
    </body>
 </html>

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

 

Sayfamızın arka planına sabit bir renk değil de bir resim eklemek istiyorsak kullanacağımız özellik background dı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.jpg adlı 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ıp resim url’sini kopyala veya resim konumunu kopyala kısmından url sini almalıyız.Aldıktan sonra deneme.jpg olan yere,url adresini yazıyoruz.Daha iyi anlamamız açısından buna bir örnek verelim;

<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">
       Mehmet Kirazlı Web Sitesi
    </body>
 </html>

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

Benzer Yazılar

Yorumlar

Yorum Yazın

Su elementleri kullanabilirsiniz : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Arama
RSS
Beni yukari isinla