Tutorial Cara Membuat Tabel Di Postingan Blog

Mungkin pada saat sobat akan membuat postingan blog dan ingin menambahkan tabel pada postingan sobat, mungkin sobat akan merasa kebingungan, tapi tenang aja disini saya akan membagikan Tutorial cara membuat tabel di postingan blog sobat mari simak baik baik caranya.

edit postingan sobat menggunakan mode HTML lalu perhatikan kode kode berikut.

<table border="1" cellpadding="0" cellspacing="0" style="width: 100%;">
<tbody>
<tr>
<td>1</td>
<td>2</td>
</tr>
</tbody></table>
lalu masukan kode diatas kedalam Postingan sobat dalam mode HTML maka kode tadi akan menghasilkan tabel seperti berikut

baik sekarang saya akan menjelasakn fungsi dari kode kode diatas

table = merupakan tag awal ketika kita akan membuat tabel dan dengan menambahkan tag ini maka html akan memahami perintah kita untuk membuat suatu tabel

border = bisa dibilang merupakan tebal garis yang akan membatasi setiap kolom dan setiap baris, sobat bisa menambahkan value atau nilai border sesuai kebutuhan atau bahkan sobat bisa menghilangkannya dengan memberikan value nol (0)

tbody = merupakan pengelompokkan isi body di dalam sebuah tabel, sobat harus memasukan tag ini setelah memasukan tag <table> dan sebelum memasukan tag end table </table>
tr = berfungsi untuk membuat garis baru
td = berfungsi untuk membuat kolom baru
style="width:100%;" = merupakan kode CSS dan yang ini untuk mengatur lebar tabel

apakah sobat masih merasa bingung okeh simak aja kode dan tabel tabel berikut :

#contoh 1
<table border="1" cellpadding="0" cellspacing="0" style="width: 100%;">
<tbody>
<tr> "ini berfungsi untuk menambah baris"
<td>1</td> "ini berfungsi untuk menambah kolom"
<td>2</td> "ini berfungsi untuk menambah kolom"
<td>3</td> "ini berfungsi untuk menambah kolom"
</tr> "ini berfungsi untuk menghentikan baris"
</tbody>
</table>
kode diatas akan meghasilkan tabel seperti ini

#contoh 2
<table border="1" cellpadding="0" cellspacing="0" style="width: 100%;">
<tbody>
<tr> "ini berfungsi untuk memulai garis bari"
<td>baris 1 kolom 1</td> "ini berfungsi untuk menambah kolom"
<td>baris 1 kolom 2</td> "ini berfungsi untuk menambah kolom"
</tr> "ini berfungsi untuk menghentikan baris"
<tr> "ini berfungsi untuk memulai baris baru"
<td>baris 2 kolom 1</td>
<td>baris 2 kolom 1</td>
</tr>
</tbody>
</table>
kode diatas akan menghasilkan tabel berikut

baris 1 kolom 1	baris 1 kolom 2
baris 2 kolom 1	baris 2 kolom 2

#contoh 3
<table border="1" cellpadding="0" cellspacing="0" style="width: 30%;">
<tbody>
<tr>
<td>baris 1 kolom 1</td>
</tr>
<tr>
<td>2</td>
</tr>
</tbody>
</table>
kode diatas akan menghasilkan tabel seperti berikut

baris 1

baris 2

jika sobat sudah memahami dasar dasarnya, maka sobat dapat mengkreasikan tabel sobat sendiri sekian tutorial mengenai Tutorial Cara Membuat Tabel Di Postingan Blog

Unknown 21.33 Komentar

YAQUUL

Sabtu, 13 Februari 2016