Tutorial tabel HTML Terbaik Pada tahun 2024, Dalam tutorial ini Anda dapat mempelajari Misalnya tabel HTML:,contoh online,tabel HTML,tabel contoh,tabel HTML dan sifat perbatasan,header tabel HTML,contoh yang lebih,tag table HTML,
nama kecil | nama keluarga | poin |
---|---|---|
Jill | pandai besi | 50 |
malam | jackson | 94 |
John | kelinci betina | 80 |
Adam | Johnson | 67 |
tabel
Contoh ini menunjukkan bagaimana untuk membuat tabel dalam dokumen HTML.
(Anda dapat menemukan lebih banyak contoh di bagian bawah halaman ini.)
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.
Browser menampilkan berikut ::
baris 1, sel 1 | baris 1, sel 2 |
baris 2, sel 1 | baris 2, sel 2 |
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:
header tabel menggunakan <th> tag didefinisikan.
Kebanyakan browser akan menampilkan judul teks dalam huruf tebal berpusat:
Browser menampilkan berikut:
Header 1 | Header 2 |
---|---|
baris 1, sel 1 | baris 1, sel 2 |
baris 2, sel 1 | baris 2, sel 2 |
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.
标签 | 描述 |
---|---|
<table> | 定义表格 |
<th> | 定义表格的表头 |
<tr> | 定义表格的行 |
<td> | 定义表格单元 |
<caption> | 定义表格标题 |
<colgroup> | 定义表格列的组 |
<col> | 定义用于表格列的属性 |
<thead> | 定义表格的页眉 |
<tbody> | 定义表格的主体 |
<tfoot> | 定义表格的页脚 |