Cara Membuat Tabel

Tabel merupakan salah satu assesoris yang mungkin dapat menjadikan blog kita lebih mudah dilihat dan dibaca, seandainya pada blog kita itu ada suatu tampilan dalam bentuk matriks. Tapi karena caranya yang agak sedikit sulit, tidak jarang hal ini diabaikan. Tabel dalam optimasi suatu blog berfungsi untuk menguraian kata-kata atau kalimat dalam bentuk kotak-kotak agar lebih mudah disimak dan dipahami. Sekarang mari kita telaah sebuah illustrasi kejadian di bawah ini.

Misal kita setelah melakukan proses pembelajaran kemudian melakukan rekap absensi terhadap 4 (empat) kelas yang berbeda beda. Si A yang di kelas XII IPA 1 status dispensasi, si B di kelas XII IPA 2 status izin, si C berada di kelas XII IPA 3 status alpa, dan si D di kelas XII IPA 4 status sakit.

Dari ilustrasi tersebut, seandainya kita buat rekapitulasinya ke dalam tabel mungkin bentuknya seperti ini.

Nama Siswa	Kelas	Absensi
A	XII IPA 1	Dispensasi
B	XII IPA 2	Izin
C	XII IPA 3	Alpa
D	XII IPA 4	Sakit

Untuk pembuatan tabel seperti di atas, script yang harus ditanam di postingan proyek tabel Anda adalah sebagai berikut :

<table border="1" width="300"><tr bgcolor="#ff6600"><td align="center"><b>Nama Siswa</b></td><td align="center"><b>Kelas</b></td><td align="center"><b>Absensi</b></td></tr><tr><td align="center">A</td><td align="center">XII IPA 1</td><td align="left">Dispensasi</td></tr><tr bgcolor="#00ff00"><td align="center">B</td><td align="center">XII IPA 2</td><td align="left">Izin</td></tr><tr><td align="center">C</td><td align="center">XII IPA 3</td><td align="left">Alpa</td></tr><tr bgcolor="#00ff00"><td align="center">D</td><td align="center">XII IPA 4</td><td align="left">Sakit</td></tr></table>

Catatan :

1. Kode dasar dalam tabel adalah <table> ... </table>.
2. Kode untuk membuat baris tabel <tr> ... </tr>.
3. Kode untuk membuat kolom tabel <td> ... </td>, ingat satu baris bisa terdiri dari beberapa kolom.
4. Kode umum yang menyertai dalam kode tabel adalah width (...px), border (...px), align (center, left, right) dan bgcolor (kode warna/#......).


Selamat membuat tabel dalam blog....