tabel HTML
Misalnya tabel HTML:
nama kecil | nama keluarga | poin |
---|---|---|
Jill | pandai besi | 50 |
malam | jackson | 94 |
John | kelinci betina | 80 |
Adam | Johnson | 67 |
contoh online
tabel
Contoh ini menunjukkan bagaimana untuk membuat tabel dalam dokumen HTML.
(Anda dapat menemukan lebih banyak contoh di bagian bawah halaman ini.)
tabel HTML
Form didefinisikan oleh tag <table>. Setiap tabel memiliki jumlah baris (didefinisikan oleh tag <tr>), setiap baris dibagi menjadi beberapa sel (didefinisikan oleh tag <td>). Mengacu pada isi surat td data tabel (data tabel), yaitu, sel data. sel data dapat berisi teks, gambar, daftar, paragraf, bentuk, horisontal, meja dan sebagainya.
tabel contoh
<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>
Browser menampilkan berikut ::
baris 1, sel 1 | baris 1, sel 2 |
baris 2, sel 1 | baris 2, sel 2 |
tabel HTML dan sifat perbatasan
Jika Anda tidak menentukan perbatasan atribut meja tidak akan ditampilkan. Kadang-kadang ini berguna, tetapi sebagian besar waktu, kami ingin menunjukkan perbatasan.
Menggunakan properti perbatasan untuk menampilkan tabel dengan perbatasan:
<tr>
<td>Row 1, cell 1</td>
<td>Row 1, cell 2</td>
</tr>
</table>
header tabel HTML
header tabel menggunakan <th> tag didefinisikan.
Kebanyakan browser akan menampilkan judul teks dalam huruf tebal berpusat:
<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>
Browser menampilkan berikut:
Header 1 | Header 2 |
---|---|
baris 1, sel 1 | baris 1, sel 2 |
baris 2, sel 1 | baris 2, sel 2 |
contoh yang lebih
Tidak ada table border
hal ini tidak menunjukkan perbatasan meja.
Tabel header (Heading)
Contoh ini menunjukkan bagaimana untuk menampilkan header tabel.
Tabel dengan judul
Contoh ini menunjukkan dengan judul (caption) dalam bentuk
Interbank di kolom atau sel tabel
Contoh ini menunjukkan bagaimana untuk mendefinisikan lintas atau di kolom dari sel tabel.
Tag dalam tabel
Contoh ini menunjukkan bagaimana menampilkan elemen dalam elemen yang berbeda.
Sel padding (sel padding)
Contoh ini menunjukkan bagaimana menggunakan Cell padding untuk membuat konten sel kosong dan perbatasannya antara.
Sel spasi (sel spasi)
Contoh ini menunjukkan bagaimana menggunakan Cell spacing untuk meningkatkan jarak antara sel-sel.
tag table HTML
标签 | 描述 |
---|---|
<table> | 定义表格 |
<th> | 定义表格的表头 |
<tr> | 定义表格的行 |
<td> | 定义表格单元 |
<caption> | 定义表格标题 |
<colgroup> | 定义表格列的组 |
<col> | 定义用于表格列的属性 |
<thead> | 定义表格的页眉 |
<tbody> | 定义表格的主体 |
<tfoot> | 定义表格的页脚 |