Monday, February 11, 2013

Contoh Cara Buat Tabel Dalam Postingan Blog

Contoh cara membuat tabel dalam postingan blog, table kotak box dalam artikel contoh gadget widget buat tabel didalam halaman post sebagai berikut, perhatikan contoh dibawah ini

Contoh Tabel dibuat dalam halaman posting blog
Kolom Satu Kolom Dua Kolom Tiga
Kolom Empat Kolom Lima Kolom Enam
Kolom Tujuh kolom Delapan Kolom Sembilan
Kolom Sepuluh Kolom Sebelas Kolom Dua Belas
Kolom Tiga Belas Kolom Empat Belas Kolom Lima Belas

berikut adalah kode nya

<table border="1" bordercolor="#26D8C5" style="background-color:white" width="400" cellpadding="2" cellspacing="2" cellspacing="2">
<tr>

    <th colspan="3">Contoh Tabel dibuat dalam halaman posting blog</th>

    </tr>
<tr>

        <td>Kolom Satu</td>

        <td>Kolom Dua</td>

        <td>Kolom Tiga</td>

    </tr>
<tr>

        <td>Kolom Empat</td>

        <td>Kolom Lima</td>

        <td>Kolom Enam</td>

    </tr>
<tr>

        <td>Kolom Tujuh</td>

        <td>kolom Delapan</td>

        <td>Kolom Sembilan</td>

    </tr>
<tr>

        <td>Kolom Sepuluh</td>

        <td>Kolom Sebelas</td>

        <td>Kolom Dua Belas</td>

    </tr>
<tr>

        <td>Kolom Tiga Belas</td>

        <td>Kolom Empat Belas</td>

        <td>Kolom Lima Belas</td>

    </tr>
</table>

Keterangan:

Width adalah kode untuk mengatur lebar tabel keseluruhan
Tag penutup <th colspan="3"> dan tag penutup </th> yaitu kode untuk memergel atau menyatukan 3 (tiga) kolom dari contoh tabel ini.
Tag pembuka <td> dan dan tag penutup </td> yakni kode untuk membuat baris tabel
Tag pembuka <tr> dan tag penutup </tr> dalah pemisah baris tabel


Demikian dan terima kasih

No comments:

Post a Comment