HTML Tabel
HTML Table Contoh:
| Nama Depan | Nama Belakang | Poin |
|---|---|---|
| Jill | Pandai besi | 50 |
| Malam | Jackson | 94 |
| John | Kelinci betina | 80 |
| Adam | Johnson | 67 |
Cobalah Sendiri - Contoh
Tabel
Cara membuat tabel dalam dokumen HTML.
Cara membuat tabel dalam dokumen HTML.
(Anda dapat menemukan lebih banyak contoh di bagian bawah halaman ini).
Tabel HTML
Tabel didefinisikan dengan tag table.
Sebuah tabel dibagi menjadi baris (dengan tag <tr>), dan setiap baris dibagi menjadi sel-sel data (dengan tag <td>). td singkatan dari "data tabel," dan memegang isi sel data. Sebuah tag <td> dapat berisi teks, link, gambar, daftar, bentuk, tabel lain, dll
Tabel Contoh
<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>
<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>
Bagaimana kode HTML di atas terlihat dalam browser:
| baris 1, sel 1 | baris 1, sel 2 |
| baris 2, sel 1 | baris 2, sel 2 |
Tabel HTML dan Atribut Perbatasan
Jika Anda tidak menentukan atribut border, tabel akan ditampilkan tanpa batas. Kadang-kadang ini dapat berguna, tetapi sebagian besar waktu, kita ingin perbatasan untuk menunjukkan.
Untuk menampilkan tabel dengan perbatasan, menentukan atribut border:
<table border="1">
<tr>
<td>Row 1, cell 1</td>
<td>Row 1, cell 2</td>
</tr>
</table>
<tr>
<td>Row 1, cell 1</td>
<td>Row 1, cell 2</td>
</tr>
</table>
HTML Tabel Header
Informasi header dalam tabel didefinisikan dengan tag <th>.
Semua browser utama menampilkan teks dalam elemen <th> sebagai berani dan terpusat.
<table border="1">
<tr>
<th>Header 1</th>
<th>Header 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>
<tr>
<th>Header 1</th>
<th>Header 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>
Bagaimana kode HTML di atas terlihat dalam browser Anda:
| Header 1 | Header 2 |
|---|---|
| baris 1, sel 1 | baris 1, sel 2 |
| baris 2, sel 1 | baris 2, sel 2 |
Contoh lainnya
Tabel tanpa batas
Cara membuat tabel tanpa batas.
Cara membuat tabel tanpa batas.
Tabel header
Cara membuat header tabel.
Cara membuat header tabel.
Tabel dengan keterangan
Bagaimana menambahkan keterangan ke meja.
Bagaimana menambahkan keterangan ke meja.
Sel tabel yang menjangkau lebih dari satu baris / kolom
Bagaimana untuk menentukan sel tabel yang menjangkau lebih dari satu baris atau satu kolom.
Bagaimana untuk menentukan sel tabel yang menjangkau lebih dari satu baris atau satu kolom.
Tags dalam tabel
Bagaimana menampilkan elemen di dalam unsur-unsur lain.
Bagaimana menampilkan elemen di dalam unsur-unsur lain.
Padding sel
Cara menggunakan cellpadding untuk menciptakan lebih banyak ruang putih antara isi sel dan perbatasannya.
Cara menggunakan cellpadding untuk menciptakan lebih banyak ruang putih antara isi sel dan perbatasannya.
Sel spasi
Cara menggunakan cellspacing untuk meningkatkan jarak antara sel-sel.
Cara menggunakan cellspacing untuk meningkatkan jarak antara sel-sel.
HTML Table Tags
| Tag | Description |
|---|---|
| <table> | Defines a table |
| <th> | Defines a header cell in a table |
| <tr> | Defines a row in a table |
| <td> | Defines a cell in a table |
| <caption> | Defines a table caption |
| <colgroup> | Specifies a group of one or more columns in a table for formatting |
| <col> | Specifies column properties for each column within a <colgroup> element |
| <thead> | Groups the header content in a table |
| <tbody> | Groups the body content in a table |
| <tfoot> | Groups the footer content in a table |
