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

Hakkında Mehmet Kirazlı

İstanbul Eyüp'te ikamet ediyorum. Giresun Alucra'lıyım. Bilgisayar Mühendisi bölümünden 2013 yılında mezun oldum. "Yeni Başlayanlar için Java 8" kitabının yazarıyım. Şuanda özel bir firmada Mobil Yazılım Geliştirme Uzmanı olarak çalışıyorum.

İlginizi Çekebilir

html dersleri

Html Listeleme Yapısı

Yapacağımız html sayfalarında bazı yazılarımızı maddeler halinde yazmak isteyebiliriz. Yazacağımız maddeleri sıralı ve sırasız olarak …

8 Yorumlar

  1. tamam iyi güzelde bende bazı resimler binlerce parçaya bölünüyor onun içinde bir kod yazarsan sevinirim
    html de yeniyimde biraz

    site kodum

    İLK site kodlamam arkdaşlar saygılı olursanız sevinirim 😀

    nasıl gidiyorum
    bugün başladım şimdi

    • Merhaba arkadaşlar ben fatih özkan size bugün kodlarla oynamayı öretccem çünkü annem kızıyor bana ama ben yinede kod yazıyorum annemin kzımasına rağmen yinede ben çok çalışkan bir insanım bunu annemden gizli yazıyorum çünkü o bana çok kızıoyor merhaba arkadaşlar ben fatih özkan merhaba bb

  2. SEZGİN ERAĞCA

    helal olsun abim 🙂

  3. Web siteme nasıl çoklu arkaplan ekleyebilirim? cevaplarsanız sevinirim

  4. ben de yaptım internet url si koydum resim koydum ama resimler küçük oldupunddan sayfa da bir sürü çıkıyo resim küçük kalıyo heralde nasıl düzeltirim
    lütfen yardım

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir