HTML ARKAPLAN(bgcolor)RENKLERi-ARKAPLAN RESİM

Web sayfanızın arkaplan rengini ve tabloların arkaplan renklerini değiştirmek için "bgcolor" parametresine o rengin ingilizce adını (blue, yellow, white, black gibi) ya da onaltılık sistemde hazırlanmış renk kodunu girmeniz yeterlidir. Arkaplan rengi şu şekilde değiştirilir.


<body bgcolor="Limegreen" style="color:white">

<p>............</p>

<p>Bu kısımda diğer sayfa elemanları bulunur.</p>

<p>...........</p>

<p>...........</p>

</body>

ÇIKTI:

backgorund

Bu kodlama ile sayfa arkaplanı açık yeşil olarak değiştirilir. Burada "bgcolor" için Limegreen yerine onun hexadesimal(onaltılık) RGB kodu olan (#41A317) da yazılabilir. Hexadesimal sayı sistemi 0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F elemanlarından oluşur.

Önemli bir noktada webtarayıcılar varsayılı font color olarak siyah gelir. seçtiğiniz renklere bazen siyah renk uyumlu olmaz websayfasının tümünde geçerli renk için (body) etiketinde (style="color:white")tanımlama ile sayfamızda fontların rengini beyaz belirledik.

Burada RGB sisteminden de bahsedelim. RGB, Red-Green-Blue (Kırmızı-Yeşil-Mavi) ışık renklerinin karışımı ile diğer renklerin elde edilmesine dayalı bir renklendirme standardıdır. Her renk için hexadesimal sayılardan oluşan bir sayı çifti bulunmaktadır. Bu çiftlere verilen değere göre istenilen renk elde edilebilir

HTML renk örnekleri tablosu:

  Black   Gray   Silver   White
  Yellow   Lime   Orange   Fuchsia
  Red   Green   Blue   Purple
  Maroon   Olive   Navy   Teal

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 şu şelildedir <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, belirleyip yazmalıyız.

Uzantımız gif veya png gibi farklı bir uzantı ise onu da belirtmeliyiz.


<body background="test.png">

</body>

ÇIKTI:

background

Arkaplana resim verilirken dikkat edilecek nokta resimlerin tekrar etme özelliği var bundan dolayı şeçtiğimiz bazı resimlerin tekrar etmesinde arada resim geçişi olmadığı için çirkin bir görüntü ile karşılaşabilirsiniz. resimleri seçerken pattern resimleri seçerseniz bu olumsuz durumla karşılaşmazsınız.

Tablolarda arkaplan rengi kullanımı



<table bgcolor="#cccccc" border="1"><tr>

<td>hexadecimal renk kullanarak gri arkaplan"#cccccc"</td>

</tr></table>

<table bgcolor="rgb(29,134,29)" border="1"><tr>

<td>RGB değerlerini kullanarak yeşil renkli bir tablo "rgb(29,134,129)"</td>
 
</tr></table>

<table bgcolor="orange" border="1"><tr>

<td>Renk adı kullanarak belirlenen turuncu arkaplan</td>

</tr></table>

ÇIKTI:

hexadecimal renk kullanarak gri arkaplan "#FF0000"
RGB değerlerini kullanarak arkaplanı yeşil renkli bir tablo "rgb(29,134,29)
Renk adı kullanarak belirlenen turuncu arkaplan

Efekan 14/12/2020

Abi önceden html'i olan bir siteye nasıl eklerim?

yönetici 16/12/2020

Efekan, html dosyanı editörle açaçaksın içinde ki kodları görürsün.

Ahmtbldrc 26/03/2021

merhabalar hocam , html de yaptığım tabloda ki elemanlar foreach döngüsünde geliyor ben bazılarını kırmızı bazılarını yeşil bazılarını da sarı yapmak istiyorum nasıl yapabilirim şimdiden teşekkür eder iyi çalışmalar dilerim 😊

yönetici 27/03/2021

if ifadesi kullan bir adet sayaç yap sayıyı artırınca if sayaç 2'ye eşitse mavi gibi, sayaç 3'e eşitse sarı gibi kodla.

Yiğit Ulaş 29/05/2021

Arkaplan rengini Wordpress'in kodlama sistemi üzerinde değiştireceğim ama tam olarak yazınızı anlayamadım body nin içinde herhangi bi yere bg color etiketini koyarsam olacak mıdır acaba teşekkür ederim.

yönetici 31/05/2021

Yigit aşağıda ki kodlar gibi olmalı style=color yani yazı rengide arkaplana göre olmalı.

<body bgcolor="blue" style="color:white">

Lütfen konu haricinde soru sormayın cevaplanmayacaktır. Yorumunuz onaylandıktan sonra yayınlanacaktır. Lütfen Yukarıda ki mesajları okuyun tekrar aynı soruları sormayın.

7980

KATEGORİ
  • HTML
  • CSS
  • PHP
  • JQUERY
  • PHOTOSHOP
  • JavaScript
  • Web Dünyası
  • Linux
  • MİTHRİL FRAMEWORK
  • Laravel
  • Git
  • React
POPÜLER MAKALE
  • HTML LİNK(Bağlantı)EKLEME - LİNK VERME
  • HTML YAZI VE RESİM ORTALAMA
  • HTML RESME LİNK VERME
  • HTML FORM OLUŞTURMA
  • CSS YATAY MENÜ YAPIMI
  • HTML RESİM EKLEME
  • CSS (BOYUT) GENİŞLİK VE YÜKSEKLİK (Width-Height)
  • HTML DİV ve SPAN NEDİR?
  • HTML ARKAPLANA MÜZİK EKLEME
  • KALİTE KAYBETMEDEN RESİMLERİ BÜYÜTME
ETİKET
WEBCEBİR © 2013 Tüm hakları saklıdır.