Minggu, 25 September 2016

Cara Membuat Table Pada Postingan Blog

  Tidak ada komentar

Pada kesempatan kali ini saya akan memberikan trik dan panduan tentang Cara untuk membuat tabel pada postingan blog.

Cara Membuat Tabel Di Blog:

Untuk membuat tabel di blogger kita hanya perlu beberapa kode html saja, yang nantinya akan kita gunakan dalam pembuatan tabel, berikut kode-kode html tersebut:

  • Membuat Tabel 1 Kolom, maka kita cukup menuliskan kode html berikut:

  • <table border=1>
    <tr>
    <td> kolom 1 </td>
    </tr>
    </table>

    • nah hasilnya akan seperti ini

    kolom 1


    • Cara membuat table 1 baris 2 kolom

    <table border=1>
    <tr>
    <td> kolom 1 </td>
    <td> kolom 1 </td>
    </tr>
    </table>

    • Hasilnya jadi seperti ini
    kolom 1 kolom 2


    • Cara membuat table 3 baris 1 kolom
    <table border=1>
    <tr>
    <td> kolom 1 </td>
    </tr>
    <tr>
    <td> kolom 2 </td/>
    </tr>
    <tr>
    <td> kolom 3 </td>
    </tr>
    </table>
    • hasilnya akan seperti ini
    kolom 1
    kolom 2
    kolom 3 

    • Keterangan :
    • Pada tulisan yang saya tulis kolom 1, kolom 2, kolom 3, dst adalah tempat untuk memasukkan tulisan, link, atau gambar anda. Silahkan ganti sesuai keperluan. 
    • kalian juga bisa menambahkan kata width untuk mengesamping kolom seperti ini.
    <table width=500 border=1>
    <tr>
    <td> kolom 1 </td>
    <td> kolom 2 </td>
    </tr>
    </table>

    • hasilnya akan seperti ini
    • kolom 1 kolom 2
    • Kode yang saya beri warna merah "500" adalah lebar tabel tersebut, anda bisa merubahnya menjadi 1000px, 300px, dsb. Jika anda ingin membuat tabel selebar 1000px maka anda cukup menulisnya 1000 saja.
    Mau Coba Praktek?...

    Demikian blogger tutorial mengenai Cara Membuat Table Pada Postingan Blog.


    Semoga bermanfaat dan semoga berhasil.
    Terima Kasih :)

    Tidak ada komentar :

    Posting Komentar