Contoh
Sebuah meja HTML sederhana dengan dua sel header dan dua sel Data:
<table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
Cobalah sendiri " Lebih "Cobalah Sendiri" contoh di bawah ini.
Definisi dan Penggunaan
The <th> tag mendefinisikan sebuah sel header di dalam sebuah tabel HTML.
Tabel HTML memiliki dua jenis sel:
- Sel header - berisi informasi header (dibuat dengan <th> elemen)
- Sel standar - berisi data (dibuat dengan <td> elemen)
Teks dalam <th> elemen yang berani dan berpusat secara default.
Teks dalam <td> elemen yang teratur dan kiri-blok secara default.
Dukungan Browser
| Elemen | |||||
|---|---|---|---|---|---|
| <th> | iya nih | iya nih | iya nih | iya nih | iya nih |
Tips dan Catatan
Tip: Gunakan colspan dan rowspan atribut untuk membiarkan rentang konten melalui beberapa kolom atau baris!
Perbedaan Antara HTML 4.01 dan HTML5
Semua atribut tata letak dihapus di HTML5.
atribut
| Atribut | Nilai | Deskripsi |
|---|---|---|
| abbr | text | Menentukan versi singkat dari konten dalam sel sundulan |
| align | left right center justify char | Tidak didukung di HTML5. Menyelaraskan konten dalam sel sundulan |
| axis | category_name | Tidak didukung di HTML5. Mengkategorikan sel sundulan |
| bgcolor | rgb(x,x,x) #xxxxxx colorname | Tidak didukung di HTML5. Menentukan warna latar belakang sel sundulan |
| char | character | Tidak didukung di HTML5. Menyelaraskan konten dalam sel header karakter |
| charoff | number | Tidak didukung di HTML5. Menyetel jumlah karakter konten akan selaras dari karakter ditentukan oleh char atribut |
| colspan | number | Menentukan jumlah kolom sel header harus menjangkau |
| headers | header_id | Menentukan satu atau lebih sel sundulan sel berhubungan dengan |
| height | pixels % | Tidak didukung di HTML5. Mengatur ketinggian sel sundulan |
| nowrap | nowrap | Tidak didukung di HTML5. Menentukan bahwa konten di dalam sel sundulan tidak harus membungkus |
| rowspan | number | Menentukan jumlah baris sel header harus menjangkau |
| scope | col colgroup row rowgroup | Menentukan apakah sebuah sel header header untuk kolom, baris, atau kelompok kolom atau baris |
| sorted | reversed number reversed number number reversed | Mendefinisikan arah semacam kolom |
| valign | top middle bottom baseline | Tidak didukung di HTML5. Vertikal sejajar konten dalam sel sundulan |
| width | pixels % | Tidak didukung di HTML5. Menentukan lebar header cell |
Atribut global
The <th> tag juga mendukung Atribut Global di HTML .
Atribut acara
The <th> tag juga mendukung Acara Atribut di HTML .
Coba Sendiri - Contoh
tabel header
Cara membuat tabel header.
Meja dengan keterangan
Tabel HTML dengan keterangan.
Tags dalam tabel
Bagaimana menampilkan elemen di dalam elemen lainnya.
C ells yang span lebih dari satu baris / kolom
Cara menentukan sel tabel yang mencakup lebih dari satu baris atau satu kolom.
Pages terkait
Tutorial HTML: Tabel HTML
Referensi HTML DOM: TableHeader Object
CSS Tutorial: Tabel Styling
Pengaturan Default CSS
Kebanyakan browser akan menampilkan <th> elemen dengan nilai default berikut:
th {
display: table-cell;
vertical-align: inherit;
font-weight: bold;
text-align: center;
}