<table> Tag yang digunakan untuk memulai sebuah meja. Unsur dalam tabel adalah <tr> (baris tabel) dan <td> (kolom tabel) tag. Tabel adalah cara praktis untuk membuat tata letak situs, tetapi tidak mengambil membiasakan diri. Berikut adalah cara untuk membuat sebuah meja.
HTML Code:
| <table border="1"> <tr><td>Row 1 Cell 1</td><td>Row 1 Cell 2</td></tr> <tr><td>Row 2 Cell 1</td><td>Row 2 Cell 2</td></tr> </table> |
Akan jadi
|
Konten akan ditempatkan di dalam sel tabel. Sebuah sel tabel didefinisikan oleh <td> dan </ td>. Perbatasan mendefinisikan atribut luasnya meja akan perbatasan.
Multiple Spanning Baris dan Sel
Gunakan rowspan untuk menyertakan beberapa baris dan colspan untuk menyertakan beberapa kolom.
Catatan: jika Anda ingin menempatkan header di bagian atas kolom Anda, gunakan tag <th> seperti yang ditunjukkan di bawah ini. Secara default, judul ini ditandai dengan cetak tebal untuk membedakan mereka dari sisa isi tabel Anda.
HTML Code:
| <table border="1"> <tr> <th>Column 1</th> <th>Column 2</th> <th>Column 3</th> </tr> <tr><td rowspan="2">Row 1 Cell 1</td> <td>Row 1 Cell 2</td><td>Row 1 Cell 3</td></tr> <tr><td>Row 2 Cell 2</td><td>Row 2 Cell 3</td></tr> <tr><td colspan="3">Row 3 Cell 1</td></tr> </table> |
Akan jadi
| |||||||||||
Cell Padding and Spacing
With the cellpadding and cellspacing attributes you will be able to adjust the white space on your tables. Spacing defines the width of the border, while padding represents the distance between cell borders and the content within. Color has been added to the table to emphasize these attributes.
HTML Code:
| <table border="1" cellspacing="10" bgcolor="rgb(0,255,0)"> <tr> <th>Column 1</th> <th>Column 2</th> </tr> <tr><td>Row 1 Cell 1</td><td>Row 1 Cell 2</td></tr> <tr><td>Row 2 Cell 1</td><td>Row 2 Cell 2</td></tr> </table> |
Akan jadi
|
Dan sekarang kita akan mengubah cellpadding meja dan menghapus cellspacing dari contoh sebelumnya.
HTML Code:
| <table border="1" cellpadding="10" bgcolor="rgb(0,255,0)"> <tr> <th>Column 1</th> <th>Column 2</th> </tr> <tr><td>Row 1 Cell 1</td><td>Row 1 Cell 2</td></tr> <tr><td>Row 2 Cell 1</td><td>Row 2 Cell 2</td></tr> </table> |
Akan jadi
|
Nilai yang Anda tetapkan untuk jarak padding dan ditafsirkan oleh browser sebagai nilai piksel Anda. Jadi nilai 10 adalah hanya 10 piksel lebar. Sebagian besar atribut yang menggunakan nilai numerik untuk pengukuran mereka menggunakan piksel.
Tidak ada komentar:
Posting Komentar