Cara Membuat Tabel dengan BGCOLOR di HTML

Tutorial By Esti Pinarsih

Last updated on Desember 15th, 2020

Dalam perancangan tabel di HTML, dikenal atribut BGCOLOR. BGCOLOR digunakan untuk memberi warna latar belakang di setiap sel dalam tabel. Untuk memahami bagaimana penggunaan BGCOLOR di HTML, berikut langkah-langkahnya:

Membuat Tabel 2 Baris 3 Kolom dengan BGCOLOR

1. Buka XAMPP Control Panel dan aktifkan Apache dan MySql.

2. Buka text editor, seperti Notepad++, atau Dreamweaver dan ketiklah script code berikut.

<html>
<head>
<title>Membuat Tabel</title>
</head>
<body>
<font FONT FACE="Comic Sans MS" size="6" color='blue'><b>Mewarnai Tabel dan Memberi Warna pada Tulisan</b></font> <br/>
<TABLE border="5" BGCOLOR='yellow'>
    <TR>
	<TD><font color="red">Baris 1 Kolom 1</font></TD>
	<TD><font color="white"> Baris 1 Kolom 2</font></TD>
	<TD><font color="gray">Baris 1 Kolom 3</font></TD>
    </TR>
    <TR>
	<TD><font color="green">Baris 2 Kolom 1</font></TD>
	<TD><font color="brown">Baris 2 Kolom 2</font></TD>
	<TD><font color="blue">Baris 2 Kolom 3</font></TD>
	</TR>
</TABLE>  

</body>
</html>

3. Simpan script code di atas, simpan di folder xampplite – htdocs – buat folder baru (disini saya buat folder baru dengan nama “inwepo”) – saya simpan dengan nama file “tabel1.php”.

4. Untuk melihat hasil script code di atas, kamu bisa buka browser kamu ketiklah http://localhost/inwepo/tabel1.php

tabel warna

Selain menyebut secara langsung warna yang akan dipakai ,HTML juga menyediakan kode-kode warna. Berikut adalah kode-kode warna yang sering dipakai:

#FFFFFF adalah putih

#FFFF66 adalah kuning

#FF66FF adalah ungu

#FF0000 adalah merah

#66FF66 adalah hijau

#0066FF adalah biru

#00000 adalah hitam

Catatan:

Sebenarnya dalam pembuatan tabel, kamu dapat memadukan atribut-atribut yang ada (BORDER, CELLSPACING, CELLPADDING, WIDTH, HEIGHT, COLSPAN, ROWSPAN, BGCOLOR) sesuai kebutuhan kamu.

Demikian penjelasan dari tutorial tentang ‘Cara Membuat Tabel dengan BGCOLOR di HTML’. Selamat mencoba.