Ini adalah contoh kode html untuk tabel dengan 2 kolom dan 1 baris dengan tebal border 1 pixel.
Untuk membuat baris baru, kita tinggal menuliskan kode
|
. Kalau sudah, di dalam baris tersebut kita isi tabel data yang kodenya
| , maka akan jadi satu kolom, untuk menambah kolom kedua tinggal ditulis kode
| lagi masih di dalam kode
|
tadi. Kalau sudah, tampilan kode2 di atas pada browser kurang lebih akan seperti ini :
Terlihat lucu bukan? tabel itu harus berisi teks, kalau tidak maka tampilannya ya seperti itu.
Kita lihat tampilannya setelah diisi teks :
kolom pertama | kolom kedua |
kalau kode2 ini dibaca akan tampil :
kolom pertama
kolom kedua
Lebar kolom pada tabel itu akan menyesuaikan dengan panjang tulisannya. Untuk supaya tabel terlihat rapi, kita perlu mengatur lebar kolom(column width)
kode tadi kita tambahkan :
kolom pertama | kolom kedua |
maka kurang lebih hasilnya akan seperti ini ,
kolom pertama
kolom kedua
Untuk membuat beberapa baris lagi di bawahnya, tinggal tambahkan kode
|
tadi setelah kode terakhir sehingga baris yang baru akan berada di bawahnya. Seperti ini,
kolom pertama |
kolom kedua |
kolom pertama |
kolom kedua |
hasilnya,
kolom pertama
kolom kedua
kolom pertama
kolom kedua
0 komentar:
Posting Komentar