Home » » Dasar Membuat Warna text dan Background pada Halaman Web

Dasar Membuat Warna text dan Background pada Halaman Web

Untuk membuat pendeklarasian warna latar belakang atau background halaman pada halaman web . pendeklarasian tersebut dapat dilakukan dengan atribut di dalam Tag <BODY> sehingga dapat mempengaruhi terhadap semua halaman web yang dibuat.

Beberapa contoh Atribut yang digunakan didalam Tag BODY sebagai berikut

Berikut ini contoh pendeklarasian warna hijau pada Bacground

1. Membuat Bacground warna hijau
<html>
<head>

<title> Contoh bacground akan tampil hijau</title>
</head>
<body bgcolor="green">

pewarnaan dengan warna hijau di halaman

</body>
</html>

setelah di tulis save dengan background hijau.html, kemudian di buka file tersebut maka akan tampil hasil berikut ini seluruh bacground berubah menjadi hijau



2. Membuat Bacground bergambar Monas Full

<html>
<head>
    <title>Bacground Monas </title>
    <style>
        body{
            background-image:url(gambarmonas.jpg);
            background-size:cover;
            background-attachment: fixed;
        }
        p{
            color:white;
        }
    </style>
</head>
<body>
    <p>Ini contoh web dengan background full screen gambar monas.</p>
</body>
</html>


Copy saja code di atas kemudian simpan dengan nama monas.html dan simpan 1 folder dengan gambar gambarmonas.jpg setelah itu jalankan monas.htmlnya maka akan tampil bacground monas full seperti berikut 


3.  Membuat Warna pada Text
Jika dalam halaman secara standar akan menampilkan latar belakang berwarna putih , dan tex berwarna hitam untuk dapat mengubah nya menjadi warna yang di inginkan berikut kodenya di bawah ini

  <html>
<head>

<title> Contoh text berwarna biru</title>
</head>

<body text="blue">

text berwarna biru coba lihat

</body>
</html>


langakahnya Copy kode di atas di notepad kemudian simpan dengan nama textbiru.html lalu jalankan maka akan tampil seperti berikut ini



 Demikian Tutorial yang sederhana semoga bermanfaat sampai jumpa di tutorial Selanjutnya 

Baca Juga :  
  1.  Pengenalan Word Wide Web (WWW)
  2.  Mengenal Script HTML Dasar