Mungkin Anda sering melihat beberapa postingan blog menampilkan sebuah tabel atau garis kolom. Bagi mereka yang tebiasa dengan HTML mungkin ini bukanlah perkara sulit. Untuk membuat tabel di dalam blog mempunyai beberapacara, ada yang langsung menasukkan kode script di HTML, ada yang membuatnya di Ms. Office terlebih dahulu, dan bisa juga buatnya melalui Ms. Word terlebih dahulu.
Kali ini yang dibahas adalah cara memasukkan tabel langsung di dalam HTML, gak terlalu sulit kok, Anda pasti bisa melakukannya. Untuk membuat tabel dasr cukup menggunakan tiga elemen, yaitu tag <table> yang berarti tabel, kemudian <tr> yang berarti table rows, dan yang terakhir adalah <td> yang berarti table data. Saat ketiganya dicantumkan maka butuh penutup pada setiap tagnya, contoh <table> maka harus ditutup dengan </table>. Semua tag tersebut dimasukkan didalam "HTML" saat Anda menuliskan postingan. Untuk lebih jelasnya lihat contoh dibawah ini:
Untuk tabel dua baris kesamping maka yang dibutuhkan:
<table border="1">
<tr>
<td>tabel 1 baris 1</td>
<td>tabel 2 baris 1</td>
</tr>
</table>
Maka akan menjadi:
| tabel 1 baris 1 | tabel 2 baris1 |
Jika Anda ingin memasukkan 2 tabel dan dua baris lalu ingin menambahkan ukurannya cukup tambahkan width
<table border="1" style="width: 500px;">
<tbody>
<tr>
<td>tabel 1 baris 1</td>
<td>tabel 2 baris 1</td>
</tr>
<tr>
<td>tabel 1 baris 2</td>
<td>tabel 2 baris 2</td>
</tr>
</tbody>
</table>
| tabel 1 baris 1 | tabel 2 baris 1 |
| tabel 1 baris 2 | tabel 2 baris 2 |
Catatan:
- Jumah tabel bisa Anda sesuaikan sendiri
- Semua tag tersebut dimasukkan didalam "HTML" saat menulis postingan
- Saat menulis tag tersebut didalam "HTML", usahakan jangan dikosongkan antara tag <td> ! </td>agar nanti Anda bisa merubahnya saat ditampilan editor"Compose"
- Untuk tulisan berada ditengah, seperti biasa gunakan Align Center saat Anda menulis postingan
EmoticonEmoticon