tutorial pengembangan web terbaru
 

HTML <th> Tag


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
sortedreversed
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;
}