HTML Dasar
HTML Menengah
HTML Mahir
HTML Referensi
HTML Contoh
HTML Resources

HTML Background


HTML Background


HTML Background dibagi menjadi dua :
  • HTML Background dengan color/warna.
  • HTML Background dengan image/gambar.

HTML Background dengan warna

Misalkan kita memiliki kita ingin memberikan background warna pada elemen tabel :

<table>
<tr>
<td width="100" height="100">
</td>
</tr>
</table>

Maka kita tambahkan attribut bgcolor="red" pada tag seperti berikut :

<table bgcolor="red">
<tr>
<td width="100" height="100">
</td>
</tr>
</table>

Buktikan sendiri :

Codingku HTML Editori
<table bgcolor="red">
<tr>
<td width="100" height="100">
</td>
</tr>
</table>
Coba sendiri »

Dengan CSS :


Kita tambahkan style="background-color:red" pada tag pembuka table.
<table style="background-color:red">
<tr>
<td width="100" height="100">
</td>
</tr>
</table>

Buktikan sendiri :

Codingku HTML Editori
<table style="background-color:red">
<tr>
<td width="100" height="100">
</td>
</tr>
</table>
Coba sendiri »

HTML Background Image

Kita tetap akan menggunakan kode seperti di atas.


Tanpa CSS 


Kita tambahkah dalam tag <table> dengan background:"http://codingku.com/html/img/pattern.gif"
<table background="http://codingku.com/html/img/pattern.gif">
<tr>
<td width="100" height="100">
</td>
</tr>
</table>
Codingku HTML Editori
<table background="http://codingku.com/html/img/pattern.gif">
<tr>
<td width="100" height="100">
</td>
</tr>
</table>
Coba sendiri »

Dengan CSS

<table style="background-image:url('http://codingku.com/html/img/pattern.gif')">
<tr>
<td width="100" height="100">
</td>
</tr>
</table>

Buktikah :
Codingku HTML Editori
<table
style="background-image:url('http://codingku.com/html/img/pattern.gif')">
<tr>
<td width="100" height="100">
</td>
</tr>
</table>

Coba sendiri »


Situs ini masih dalam versi beta, artinya masih dalam proses pengembangan baik dari segi bug maupun isi yg kurang lengkap. Silahkan melihat-lihat yang sudah ada sementara ini, tiap hari kami akan berusaha untuk melengkapi kekurangannya...