HTML dosyasında arka plan rengi nasıl değiştirilir?

HTML, web tarayıcılarında görüntülenecek belgeleri tasarlamak için kullanılan bir biçimlendirme dilidir. Tarayıcıya, benzersiz düzenler oluşturmak için başlık boyutu, arka plan rengi ve daha fazlası gibi içeriğin nasıl görüntüleneceğini söyleyen bir dizi öğeden oluşur.

Web’de görüntülemek istediğimiz her şeyi HTML’de özelleştirebilir ve arka plan renklerini ayarlayabiliriz. gibi HTML etiketleri bgcolor HTML5 söz konusu olduğunda çoğunlukla güncelliğini yitirmiştir, bu nedenle tasarım için CSS kullanmak tercih edilir. Bunun için bir tane var <style> ayarlama üzerinde daha fazla kontrol sağlayan öznitelik.

HTML5’te style niteliğini kullanabiliriz <body> HTML dosya öğelerine eklemek istediğimiz, bir belgenin arka plan rengi veya başlık ve paragrafların rengi olabilen, istenen arka plan rengiyle etiketleyin.

CSS sözdizimi ile HTML arka plan rengini değiştirin

style niteliğini kullanmak için onu body etiketine koyabiliriz, işte bunun nasıl yapılacağını öğrenmek için sözdizimi.

<body style="background-color:name-of-the-colour;">

Örneğin, şimdi HTML dosyasının arka plan rengini Sarı olarak değiştirmek istiyorsunuz. Yukarıdaki sözdizimi aşağıdaki şekilde kullanılabilir:

<!DOCTYPE html> 
<html> 
<body style="background-color:yellow;"> 
<h1>This my first custom web file</h1>
</body> 
</html>

ÇIKTI:

Bu benim ilk özel web dosyam

HTML arka plan rengini css ile değiştirme

diğer örnek:

Belirli bir öğenin arka plan rengini de değiştirebiliriz, diyelim ki başlığın ve paragrafın görünümünü de özelleştirmek istiyorsunuz.

Pekala, style niteliğini eklemek yerine bağımsız olarak kullanabiliriz. etiketi web belgemizin renklerini kontrol etmek için.

Örnek:

<!DOCTYPE html> 
<html> 
<head>

<body> 

<h1>This my first custom web file</h1>

<p>Here we are not touching the background instead the paragraph text and Heading.</p>
 </body>

<style>
body {
    background-color:yellow;
}
   h1 {
    background-color: magenta;
}
p {

background-color: red;
}
</style> 

</html>

kullanarak renk değerini girebilirsiniz. onaltılık kod veya tarafından desteklenen bir renk girin, örneğin “kırmızı”, “sarı” veya “mavi”.

  Android telefonda dosya aktarım modunu varsayılan yapma

Yine dekullanarak doğrudan renk adı sana vermiyor renk yelpazesine geniş erişimbu nedenle kullanmak daha iyidir Onaltılık kod.

Şimdi soru ortaya çıkıyor, En sevdiğiniz rengin onaltılık kodunu nasıl bulabilirsiniz??

O kadar zor değil, sadece aç Google.nl ve orada ara”onaltılık renk seçici” noktalı virgül olmadan. Ve birini bulacaksın basit araç rengi bir fare işaretçisi ile seçmek için araç otomatik olarak karşılık gelen onaltılık kodu sağlayacaktır.

Google Renk Seçici Onaltılı ondalık kod

Hexacode’a sahip olduğunuzda, kullanmak için HTML kodundaki renk adını değiştirmeniz yeterlidir. Örneğiniçin hexacode Sarı renk #ffff00. Bu nedenle, bu renk adını aşağıdaki örnekteki kodla değiştirdik:

<!DOCTYPE html> 
<html> 
<body style="background-color:#ffff00;"> 
<h1>This my first custom web file</h1>
</body> 
</html>

Onaltılık koda ek olarak, arka plan rengini ayarlamak için RGB değerini de kullanabiliriz. RGB, ikincil renkler oluşturmak için kullanılabilen birincil renklerdir. Böylece kırmızı, mavi ve yeşilin her birinin yoğunluğunu belirleyerek istenilen tonu elde edebiliriz. iyi aynı Google renk seçici için kullanılabilir RGB değerini al ayrıca,

RGB değerini bul

Ve onu kullanmak için, HTML kodunuzun style özelliğindeki Hexa’yı veya rengin adını değiştirmeniz yeterlidir.

Örneğin:

<!DOCTYPE html> 
<html> 
<body style="background-color: rgb(255,255,0);"> 
<h1>This my first custom web file</h1>
</body> 
</html>

Bu şekilde HTML dosyamızdaki arka plan rengini hızlı bir şekilde değiştirebiliriz.

Diğer makaleler:

En İyi 22 Ücretsiz Açık Kaynak Web Geliştirme Yazılımı Listesi
Java programlamadan neden Rust’a geçilmelidir?
Kodlamadan HTML ve CSS şablonları oluşturun
Ubuntu Linux’ta terminal rengi nasıl değiştirilir: duvar kağıdı

  Android telefon ve Windows 10/11 PC'yi Fire TV çubuğuna yansıtma