Tutorial HTML <td>
Element HTML
td
mendefinisikan sebagai table cell, element ini ini adalah element standart dalam membuat cell pada HTML table
.Contoh HTML <td>
Contoh 1 :
<table> <tr> <td>Nama</td> <td>Umur</td> </tr> <tr> <td>Andi</td> <td>13 Tahun</td> </tr> <tr> <td>Novy</td> <td>14 Tahun</td> </tr> </table>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Demo Triksonic</title> <style> table { width: 100%; border-collapse: collapse; } td { border: 1px solid silver; padding: 8px; } </style> </head> <body> <table> <tr> <td>Nama</td> <td>Umur</td> </tr> <tr> <td>Andi</td> <td>13 Tahun</td> </tr> <tr> <td>Novy</td> <td>14 Tahun</td> </tr> </table> </body> </html>
Contoh 2 :
<table> <thead> <tr> <th>Nama</th> <th>Umur</th> </tr> </thead> <tbody> <tr> <td>Andi</td> <td>13 Tahun</td> </tr> <tr> <td>Novy</td> <td>14 Tahun</td> </tr> </tbody> </table>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Demo Triksonic</title> <style> table { width: 100%; border-collapse: collapse; } th, td { border: 1px solid silver; padding: 8px; } </style> </head> <body> <table> <thead> <tr> <th>Nama</th> <th>Umur</th> </tr> </thead> <tbody> <tr> <td>Andi</td> <td>13 Tahun</td> </tr> <tr> <td>Novy</td> <td>14 Tahun</td> </tr> </tbody> </table> </body> </html>
Attribute HTML <th>
Attribute | Value | Keterangan |
---|---|---|
abbr | Teks | Attribute ini tidak support pada HTML 5. Attribute ini digunakan untuk memberikan keterangan singkatan dari kontent yang ada didalam element <td> |
align | left right center justify char | Attribute ini tidak support pada HTML 5. Attribute ini digunakan untuk keselarasan atau posisi. |
axis | Jenis kategori | Attribute ini tidak support pada HTML 5. Attribute ini digunakan untuk menambahkan kategori pada element <td>. |
bgcolor | Kode warna | Attribute ini tidak support pada HTML 5. Attribute ini digunakan untuk menentukan warna latar / background |
char | Karakter | Attribute ini tidak support pada HTML 5. Attribute ini digunakan untuk menentukan karakter agar selaras antara cell dengan kolom. Attribute ini tidak support untuk browser terkenal manapun |
charoff | Angka | Attribute ini tidak support pada HTML 5. Attribute ini digunakan digunakan untuk menentukan jumlah karakter dan sebagai kontrol dari attribute char. Attribute ini tidak support untuk browser terkenal manapun |
colspan | Angka | Attribute ini digunakan untuk memperpanjang kolom cell. |
headers | header_id | Attribute ini digunakan jika element <td> yang satu dengan yang lainnya terpisah atau berbeda element <tr> sebagai pembungkusnya, ID diambil dari attribute ID element <th> |
height | pixels % | Attribute ini tidak support pada HTML 5. Digunakan untuk menentukan tinggi element |
nowrap | nowrap | Attribute ini tidak support pada HTML 5. Attribute ini digunakan untuk menentukan apakah teks didalam element <td> akan dijatuhkan atau tidak. |
rowspan | number | Attribute ini digunakan untuk melipat cell |
scope | col colgroup row rowgroup | Attribute ini digunakan untuk menentukan apakah cell diperuntukkan untuk kolom, baris, grup kolom atau grup baris. |
valign | top middle bottom baseline | Attribute ini tidak support pada HTML 5. Attribute ini digunakan untuk menentukan keselarasan teks pada setiap baris cell |
width | pixels % | Attribute ini tidak support pada HTML 5. Attribute ini digunakan untuk menentukan lebar element <td> . |
Global Attributes:
Element <td> mencakup Global Attributes HTML.
Event Attributes:
Element <td> mencakup Event Attributes HTML.
Browser Support HTML <td>
Desktop
Element | Chrome | Safari | Firefox | Opera | IE | Edge |
<td> | 1 | Ya | 1 | Ya | Ya | Ya |
Mobile
Element | Android webview | Chrome Android | Edge mobile | Firefox Android | IE mobile | Opera Android | iOS Safari |
<td> | Ya | Ya | Ya | 4 | Ya | Ya | Ya |
Default CSS :
Browser yang support dengan element
<td>
, mempunyai nilai default :td { display: table-cell; vertical-align: inherit; }