Cara Merubah Background Pada HTML

Kamis, Juli 13, 2017
Assalamualaikum Wr. Wb.

Pada postingan kali ini saya akan menjelaskan tentang Cara Merubah Background Pada HTML.

Dalam membuat website agar tampilan lebih menarik kita pasti akan merubah warna background.

Untuk merubah warna background kita bisa menggunakan attribut <body bgcolor="warna yang diinginkan">, contoh jika ingin merubah warna background menjadi warna biru maka menggunakan attribut <body bgcolor="blue">, Contoh seperti berikut.

Pertama buka text editor anda (disini saya menggunakan notepad++), lalu buat file baru seperti dibawah ini.

<html>
<head>
 <title>Cara Merubah Background  Pada HTML</title>
</head>
<body bgcolor="blue">
 Background biru
</body>
</html>



Save file tersebut dengan nama bgcolor.html, lalu buka menggunakan Mozila Firefox atau browser yang anda miliki, maka  hasilnya akan seperti ini


Agar warna yang dihasilkan lebih bervariasi anda bisa memakai kode warna seperti contoh berikut. Buka kembali tex editor anda lalu buat file seperti dibawah ini.

<html>
<head>
 <title>Cara Merubah Background  Pada HTML</title>
</head>
<body bgcolor="#87CEFA">
 Background biru
</body>
</html>


Save file tersebut dengan nama bgcolor1.html, lalu buka menggunakan Mozila Firefox atau browser yang anda miliki, maka  hasilnya akan seperti ini

Selain merubah warna background kita juga bisa merubah background dengan gambar dengan menggunakan attribut <body background="lokasi file gambar">. agar lebih jelasnya lihat contoh berikut. Buka kembali text editor anda lalu buat file seperti dibawah ini.

<html>
<head>
 <title>Cara Merubah Background  Pada HTML</title>
</head>
<body background="background.png">
 Background gambar
</body>
</html>

Save file tersebut dengan nama bgcolor2.html, lalu buka menggunakan Mozila Firefox atau browser yang anda miliki, maka  hasilnya akan seperti ini.



Cukup sekian penjelasan dari saya, kurang lebihnya mohon maaf apabila ada kesalahan penulisan.

Wassamualaikum Wr. Wb.

Artikel Terkait

Latest
Previous
Next Post »