Fungsi Tag td (Tag HTML)

BERANDA > FUNGSI DAN KEGUNAAN TAG HTML > Fungsi Tag td (Tag HTML)


A. Pengenalan Tag td (Tag HTML)


Tag td merupakan tag yang digunakan untuk membuat kolom atau sebuah tempat huruf pada tabel. Tetapi td tidak bisa Berdiri - sendiri harus dilakukan dengan tr.

B. Contoh Penggunaan Tag td (Tag HTML)


• Penggunaan Tag td

Contoh:


<table style="border:1px solid blue;">

<tr>
<td style="border:1px solid blue;">Satu Kotak</td>
</tr>

</table>


Hasil:


Satu Kotak

Catatan: Tabel pada html harus diberi css agar terlihat garis pembatasnya atau border.

C. Contoh Penerapan Tag td (Tag HTML)


• Contoh Nomor 1


Satu Baris Dua Kolom

<table style="border:1px solid red;">

<tr>
<td style="border:1px solid red;">Satu</td>
<td style="border:1px solid red;">Dua</td>
</tr>

</table>


Hasil:


Satu Dua


• Contoh Nomor 2


Dua Baris Dua Kolom

<table style="border:1px solid red;">

<tr>
<td style="border:1px solid red;">Satu</td>
<td style="border:1px solid red;">Dua</td>
</tr>

<tr>
<td style="border:1px solid red;">Satu</td>
<td style="border:1px solid red;">Dua</td>
</tr>

</table>


Hasil:


Satu Dua
Satu Dua


• Contoh Nomor 3


Tiga Baris Dua Kolom(campuran)

<table style="border:1px solid red;">

<tr>
<td colspan="2" style="border:1px solid red;">Satu</td>
</tr>

<tr>
<td style="border:1px solid red;">Satu</td>
<td style="border:1px solid red;"></td>
</tr>

<tr>
<td style="border:1px solid red;">Satu</td>
<td style="border:1px solid red;">Dua</td>
</tr>

</table>


Hasil:


Satu
Satu Dua
Satu Dua

Catatan: colspan digunakan untuk menggabungkan kolom.

• Contoh Nomor 4


Tiga Baris Dua Kolom(campuran)

<table style="border:1px solid red;">

<tr>
<td rowspan="2" style="border:1px solid red;">Satu</td>
<td style="border:1px solid red;">Dua</td>
</tr>

<tr>
<td style="border:1px solid red;">Dua</td>
</tr>

<tr>
<td style="border:1px solid red;">Satu</td>
<td style="border:1px solid red;">Dua</td>
</tr>

</table>


Hasil:


Satu Dua
Dua
Satu Dua

Catatan: rowspan digunakan untuk menggabungkan baris.




• Halaman Terkait

Tag table, Tautan disini

Tag tr, Tautan disini

Tidak ada komentar:

Posting Komentar

Jangan lupa memberikan saran dan laporan bila terdapat sesuatu yang ingin kamu sampaikan.

Gunakan kata - kata yang sopan untuk mengomentar dan mengkritik.

Katakan bila ingin ada materi atau pembahasan yang ingin ditambahkan atau yang kurang lengkap.