tutorial pengembangan web terbaru
 

HTML <td> Tag


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