Membuat background pada halaman web



Background merupakan bagian yang paling penting pada halaman web , karena setiap website pasti memiliki background , tetapi tunggu dulu . Apakah background tersebut pas dengan kontent yang kita sajaikan , atau malah membuat pengguna ketika melihat website kita malah jadi matanya lelah . Oleh karena itu kita jangan asal asal untuk membuat sebuah background .


Di dalam situs web kita  bisa membuat background full warna atau background gambar . menggunakan gambar kita tinggal panggil saja gambarnya atau kalo dengan warna kita tinggal panggil saja warnanya . default background di html adalah background warna , yaitu warna putih .

tetapi tentu kita bisa merubahnya . Oke sekarang inggin warna background di html adalah warna merah . 

Untuk merubah background berupa warna kita telah di sediakan atribut bgcolor di bagian tag body .

<html>
<head>
<title>Merubah background</title>
</head>
<body bgcolor="red">
</body>
</html>



Gimana mudah bukan kita tinggal tulis bgcolor="warnanya" . kita bisa juga diisi nilainya dengan rgb , rgba , hexadesimal . contoh .

contoh dengan hexadesimal 

<html>
<head>
<title>Merubah background</title>
</head>
<body bgcolor="#000fff">
</body>
</html>

contoh dengan rgb

<html>
<head>
<title>Merubah background</title>
</head>
<body bgcolor="rgb(255,255,0)">
</body>
</html>

catatan : untuk rgb maksimal angkanya adalah 255 

contoh dengan rgba

<html>
<head>
<title>Merubah background</title>
</head>
<body bgcolor="rgba(0,0,255,-6)">
</body>
</html>

catatan : untuk rgba angka yang terakhir adalah tingkat ke transparanan .

Oke itu dia caranya dengan warna , sekarang dengan gambar . Kalo dengan gambar kita gunakan atribut yang namanya background = "lokasinya_gambar"

contohnya 

<!doctype HTML>
<html>
<head>
<title>Merubah background</title>
</head>
<body background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtaaBu_2iltzXefTDIXwp4LkGqgl4JxpYQnAjN5Tps_mEnEt_nxgn2a0rFKrgabiEzmV0eK3cEn-nSRXNxIYz5FjkN6grK1zN2D4QgJahr5Psrk2QED-8bQUCtSSgb9t3a7aGpXO0VnamC/s1600/hateemel5.png">
</body>
</html>


Oke mungkin itu dia semoga bermanfaat . Terimakasih telah berkenan membaca artikel ini . Sampai jumpa di artikel yang lainnya yang lebih menarik dan juga lebih bermanfaat . 


Belum ada Komentar untuk "Membuat background pada halaman web"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel