tag "<table>" untuk menandai sebuah tabel,
tag "<tr>" untuk membentuk baris, dan
tag "<td>" untuk membentuk kolom.
Jangan lupa berikan tag penutup untuk setiap tag.
Satu tabel terdiri dari satu atau beberapa baris dan satu baris terdiri dari satu atau beberapa kolom.
Sehingga dapat ditulis komposisi dasarnya :
<table> <tr> <td>...</td> </tr> </table>Perlu diketahui bahwa apabila menggunakan tag "<table> </table>", tabel yang terbentuk tidak ada bingkainya.
Agar terlihat bingkainya harus ditambahkan kodenya :
<table border=...> <tr> <td>...</td> </tr> </table>
Selain itu bisa juga ditambahkan dengan kode-kode berikut :
Kode | Keterangan | Nilai |
---|---|---|
cellspacing | mengatur jarak antar sel | "diisi dengan angka" |
cellpadding | mengatur jarak antara sel dan tulisan di dalamnya | "diisi dengan angka" |
width | mengatur lebar kolom | "diisi dengan angka" |
height | mengatur tinggi baris | "diisi dengan angka" |
align | mengatur perataan secara horisontal | left, right, center |
valign | mengatur perataan secara vertikal | top, bottom, middle |
colspan | menggabungkan dua atau beberapa kolom | 2,3, ... |
rowspan | menggabungkan dua atau beberapa baris | 2,3, ... |
Untuk menebalkan teks pada cell dapat mengganti kode "<td>" menjadi "<th>".
Contoh :
Kode Dasar Untuk Pembuatan Tabel
<table border=1> <tr> <th>baris ke-1 kolom ke-1</th> <td>baris ke-1 kolom ke-2</td> </tr> <tr> <td>baris ke-2 kolom ke-1</td> <th>baris ke-2 kolom ke-2</th> </tr> <tr> <th>baris ke-3 kolom ke-1</th> <td>baris ke-3 kolom ke-2</td> </tr> </table> |
baris ke-1 kolom ke-1 | baris ke-1 kolom ke-2 |
---|---|
baris ke-2 kolom ke-1 | baris ke-2 kolom ke-2 |
baris ke-3 kolom ke-1 | baris ke-3 kolom ke-2 |
Tidak ada komentar:
Posting Komentar
Terima kasih atas komentar anda :