Kode HTML Buat Tabel

Dasar untuk buat tabel dua kolom menggunakan kode HTML :

<table bordercolor=”#kode warna” border=”1″>
<tr>
<td bgcolor=”#kode warna”>kolom 1</td>
<td bgcolor=”#kode warna”>kolom 2</td>
</tr>
<tr>
<td>row 1</td>
<td>row 2</td>
</tr>
</table>

Untuk membuat baris (row) yang baru, tinggal copy aja pada bagian ini :

<tr>
<td>row 1</td>
<td>row 2</td>
</tr>
kemudian tekan enter dan paste pada baris selanjutnya.

Untuk membuat tabel dengan 3 kolom :

<table bordercolor=”#kode warna” border=”1″>
<tr>
<td bgcolor=”#kode warna”>kolom 1</td>
<td bgcolor=”#kode warna”>kolom 2</td>
<td bgcolor=”#kode warna”>kolom 3</td>
</tr>
<tr>
<td>row 1</td>
<td>row 2</td>
<td>row 3</td>
</tr>
</table>

Keterangan : kata/kalimat berwarna merah adalah kode HTML, sedangkan kata/kalimat berwarna hitam, diisi dengan kode warna atau tulisan yang ingin ditulis. Untuk kode warna dapat dicari di Google dengan kunci KODE WARNA HTML.

Sebagai contoh dasar kode warna :

Color Color HEX Color RGB
Hitam #000000 rgb(0,0,0)
Merah #FF0000 rgb(255,0,0)
Hijau #00FF00 rgb(0,255,0)
Biru #0000FF rgb(0,0,255)
Kuning #FFFF00 rgb(255,255,0)
Biru Langit #00FFFF rgb(0,255,255)
Gray #C0C0C0 rgb(192,192,192)
Putih #FFFFFF rgb(255,255,255)
Pos ini dipublikasikan di Tips, Tutorial. Tandai permalink.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout /  Ubah )

Foto Google+

You are commenting using your Google+ account. Logout /  Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout /  Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout /  Ubah )

Connecting to %s