Thursday, 10 December 2015

Cara membuat tabel dengan kode html

Asslamu’alaikum wr.wb

Pada kesempatan kali ini saya akan memberikan cara membuat tabel dengan kode HTML pertama-tama kita harus mengenal dulu TAG untuk membuatnya untuk lebih jelas bisa dilihat dibawah sini.
TAG Dasar atau Kode dasar Untuk membuat tabel dengan kode HTML adalah 

TABLE,TR,TD,border.
1.       TABLE    (untuk menandai sebuah tabel)
2.       TR           (untuk membuat/membentuk baris)
3.       TD           (untuk membuat kolom)
4.       BORDER(agar tabel mempunyai garis/bingkai)
Contoh :
                <table border=”5”>
                <tr><td>uji border</td></tr>
                </table>
Untuk hasilnya bisa lihat di bawah sini :




BERIKUT INI ADALAH CARA MEMBUAT TABEL DENGAN 1 BARIS 2 KOLOM
untuk kodenya bisa lihat di bawah :
                <table border=”5”>
                <tr><td>Kolom1</td><td>kolom2</td></tr>
                </table>
Hasilnya :


BERIKUT INI ADALAH CARA MEMBUAT TABEL DENGAN BARIS 4 KOLOM 2
Untuk kodenya bisa lihat di bawah :
                <table border=”5”>
                <tr><td>Baris1  kolom1</td><td>baris1 kolom2</td></tr>
                <tr><td>Baris2  kolom1</td><td>baris2 kolom2</td></tr>
                <tr><td>Baris3  kolom1</td><td>baris3 kolom2</td></tr>
                <tr><td>Baris4  kolom1</td><td>baris4 kolom2</td></tr>
                </table>
Hasilnya :



BERIKUT INI CRA MENENTUKAN LEBAR KOLOM SUATU TABEL DENGAN MENGGUNAKAN WIDTH=”%”
                <table border="5" width="90%">
                <tr><td width="40%">Baris1  kolom1</td><td width="60%">baris1 kolom2</td></tr>
                <tr><td>lebar 40%</td><td>lebar 60%</td></tr>
                <tr><td>lebar 40%</td><td>lebar 60%</td></tr>
                <tr><td>lebar 40%</td><td>lebar 60%</td></tr>
                </table>

Hasilnya :
Mungkin sekian dari saya semoga bermaanfaat bagi semuanya.
Wassalamu’alaikum wr.wb


No comments:

Post a Comment

like