Contoh
Sebuah meja HTML sederhana, dengan dua sel tabel:
<table>
<tr>
<td>Cell A</td>
<td>Cell B</td>
</tr>
</table>
Cobalah sendiri " Lebih "Cobalah Sendiri" contoh di bawah ini.
Definisi dan Penggunaan
The <td> tag mendefinisikan sel standar dalam 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 | |||||
|---|---|---|---|---|---|
| <td> | 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 | Tidak didukung di HTML5. Menentukan versi singkat dari konten dalam sel |
| align | left right center justify char | Tidak didukung di HTML5. Menyelaraskan konten dalam sel |
| axis | category_name | Tidak didukung di HTML5. mengkategorikan sel |
| bgcolor | rgb(x,x,x) #xxxxxx colorname | Tidak didukung di HTML5. Menentukan warna latar belakang sel |
| char | character | Tidak didukung di HTML5. Menyelaraskan konten dalam sel untuk 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 harus menjangkau |
| headers | header_id | Menentukan satu atau lebih sel sundulan sel berhubungan dengan |
| height | pixels % | Tidak didukung di HTML5. Menetapkan ketinggian sel |
| nowrap | nowrap | Tidak didukung di HTML5. Menentukan bahwa konten di dalam sel tidak harus membungkus |
| rowspan | number | Menetapkan jumlah baris sel harus menjangkau |
| scope | col colgroup row rowgroup | Tidak didukung di HTML5. Mendefinisikan cara untuk mengasosiasikan sel header dan sel data dalam tabel |
| valign | top middle bottom baseline | Tidak didukung di HTML5. Vertikal sejajar konten dalam sel |
| width | pixels % | Tidak didukung di HTML5. Menentukan lebar sel |
Atribut global
The <td> tag juga mendukung Atribut Global di HTML .
Atribut acara
The <td> 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: TableData Object
CSS Tutorial: Tabel Styling
Pengaturan Default CSS
Kebanyakan browser akan menampilkan <td> elemen dengan nilai default berikut:
td {
display: table-cell;
vertical-align: inherit;
}