Cara Menggunakan Tabel dalam Postingan Blog. Kalau yang ini asli sop, ga usah ragu, bukan artikel punya mama, paman ataupun ayah. Kita akan diajak mengenal format dasar sebuah Tabel. Tabel bisa disebut sebuah alat untuk menampilkan informasi dalam bentuk matriks. Tabel juga diartikan daftar. Dalam penulisan sebuah postingan blog seringkali kita butuh Tabel untuk
mengorganisasikan data dalam struktur tabulator. Masalah Tabel ini
mungkin saja nantinya, pembahasan ini akan merembet pada Cara Membuatan
Frame.
Contoh penulisan untuk Tabel dengan 2 baris dan 2 kolom:
<table border="7" bordercolor="red" cellpadding="10"><tr>
<td>Cara Menggunakan Tabel Blog 1</td>
<td>Cara Menggunakan Tabel Blog 2</td>
</tr><tr>
<td>Cara Menggunakan Tabel Blog 3</td>
<td>Cara Menggunakan Tabel Blog 4</td>
</tr><tr>
</table>
Maka hasil pembacaan brower akan ditampilkan seperti ini:
Atribut border pada tag <table> akan membentuk border disekeliling tabel. Default atribut border adalah border=0 yang berarti tidak menggunakan border. Tabel dengan border dimatikan bisa dimanfaatkan untuk me-layout halaman dengan banyak gambar. Selain border, berikut adalah atribut yang dapat dipakai pada <table> :
Sedang dalam atribut <tg> yang sering digunakan adalah :
Semoga bisa dipahami dan tentunya bisa bermanfaat.
Happy Blogging.
Format sebuah Tabel sebenarnya
cukup sederhana, akan tetapi akan menjadi rumit karena sifat struktur
aslinya. Meski sederhana tetapi aturan mainya harus benar-benar di
ikuti, seperti penggunaan tag-tag yang lain. Sebuah Tabel bisa dimulai
dengan tag <table> dan diakhiri dengan tag </table>. Setiap Baris Tabel dibentuk dengan tag <tr> dan diakhiri dengan tag </tr> dan setiap Kolom Tabel dibentuk dengan tag <td> dan diakhiri dengan tag </tg>
Contoh penulisan untuk Tabel dengan 2 baris dan 2 kolom:
<table border="7" bordercolor="red" cellpadding="10"><tr>
<td>Cara Menggunakan Tabel Blog 1</td>
<td>Cara Menggunakan Tabel Blog 2</td>
</tr><tr>
<td>Cara Menggunakan Tabel Blog 3</td>
<td>Cara Menggunakan Tabel Blog 4</td>
</tr><tr>
</table>
Maka hasil pembacaan brower akan ditampilkan seperti ini:
| Cara Menggunakan Tabel Blog 1 | Cara Menggunakan Tabel Blog 2 |
| Cara Menggunakan Tabel Blog 3 | Cara Menggunakan Tabel Blog 4 |
Atribut border pada tag <table> akan membentuk border disekeliling tabel. Default atribut border adalah border=0 yang berarti tidak menggunakan border. Tabel dengan border dimatikan bisa dimanfaatkan untuk me-layout halaman dengan banyak gambar. Selain border, berikut adalah atribut yang dapat dipakai pada <table> :
| bordercolor="kode warna" cellpadding="angka" cellspacing="angka" width="angka" | Mengatur warna border,jika border digunakan Mengatur jarak antara border dengan isi sel(vertikal,horisontal)dalam pixel Mengatur tebal frame dalam satuan pixel Mengatur lebar tabel dalam satuan pixel atau persen. |
Sedang dalam atribut <tg> yang sering digunakan adalah :
bgcolor="kode warna" background="gambar" align="left / right / center" valign=top / bottom / middle" colspan="angka" width="angka" | Mengatur warna latar belakang sel Menggunakan gambar sebagai latar belakang Mengatur perataan isi sel secara horisontal Mengatur perataan isi sel secara vertikal Untuk menggabung sel kosong Mengatur lebar sel dalam satuan pixel atau persen |
Semoga bisa dipahami dan tentunya bisa bermanfaat.
Happy Blogging.