Assalamu’alaikum Wr. Wb
Pengantar
Hai bagaimana kabarnya? Semoga baik-baik saja ya teman-teman. Melanjutkan artikel yang sebelumnya membahas tentang Table Element. Dan pada kesempatan masih melanjutkan table cuman akan membahas Atribut Bgcolor pada HTML.
Harapan saya teman-teman dapat mempraktekan dan lebih baik lagi memahami materi kali ini dengan catatan di ulang pelajaran yang sudah dipraktekan agar tidak lupa. Teman-teman mulai dari sini harus membaca dengan teliti agar tidak salah memahami materinya. Semoga sukses dan berhasil, Amin.
Praktik HTML
Pada praktik kali kita akan membahas Atribut bgcolor:
Pada atribut bgcolor sudah dinyatakan deprecated dan sangat disarankan beralih ke CSS.
Contoh kode HTML:
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Alami Computer</title>
</head>
<body>
<h3>Atribut border = 1, bgcolor = brown</h3>
<table border="1" bgcolor="green">
<tr>
<td>Baris 1, Kolom 1</td>
<td>Baris 1, Kolom 2</td>
</tr>
</table>
<h3>Atribut border = 1, bgcolor = #c1c1c1</h3>
<table border="1" bgcolor="#c1c1c1">
<tr>
<td>Baris 1, Kolom 1</td>
<td>Baris 1, Kolom 2</td>
</tr>
<tr>
<td>Baris 2, Kolom 1</td>
<td>Baris 2, Kolom 2</td>
</tr>
</table>
</body>
</html>
 |
| Gambar 1 kode table bgcolor |
 |
| Gambar 2 hasil kode table bgcolor |
Disini bisa beralih ke CSS
Contoh kode html:<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Alami Computer</title>
<style>
table {
border: 2px solid blue;
background-color: #B6FF82;
}
td {
border: 2px solid blue;
}
.tabel {
border: 2px solid red;
background-color: aquamarine;
}
.tdi {
border: 2px solid red;
}
</style>
</head>
<body>
<h3>CSS, property border: 2px solid blue, background-color: #B6FF82</h3>
<table>
<tr>
<td>Baris 1, Kolom 1</td>
<td>Baris 1, Kolom 2</td>
</tr>
</table>
<table class="tabel">
<tr>
<td class="tdi">Baris 1, Kolom 3</td>
<td class="tdi">Baris 1, Kolom 4</td>
</tr>
</table>
</body>
</html>
 |
Gambar 3 kode table bgcolor menggunakan css |
 |
| Gambar 4 hasil kode table bgcolor menggunakan css |
Kesimpulan
Pembahasan tentang atribut bgcolor pada table yang digunakan untuk keperluan menyajikan data secara menarik. Tujuan teman-teman yang membuat file html atau pemograman bisa menggunakan dengan baik dan sesuai dengan fungsi dan kelayakan pada sebuah kode-kode program yang akan dijalankan.
Terimakasih sudah berkunjung sampai ketemu di artikel selanjutnya, jangan lupa ikuti chanel kami yaitu :
YouTube: Alami Computer
Website: www.alamicomputer.id
Instagram: chaerullah.fadli
Daftar Pustaka: Tim Riset Alami Computer
mantap artikelnya min
BalasHapus