Fungsi Tag th (Tag HTML)

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


A. Pengenalan Tag th (Tag HTML)


Tag th merupakan tag yang digunakan untuk membuat kolom atau sebuah tempat huruf pada tabel yang merupakan tabel kepala. Tag th mirip dengan td, tetapi tag th membuat tulisan menjadi tebal dengan sendirinya karena dibuat sebagai kepala tabel.

B. Contoh Penggunaan Tag th (Tag HTML)


• Penggunaan Tag th

Contoh:


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

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

</table>


Hasil:


Satu Kotak

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

C. Contoh Penerapan Tag th (Tag HTML)


• Contoh Nomor 1


Satu Baris Dua Kolom

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

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

</table>


Hasil:


Satu Dua


• Contoh Nomor 2


Dua Baris Dua Kolom

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

<tr>
<th style="border:1px solid red;">Satu</th>
<th style="border:1px solid red;">Dua</th>
</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>
<th colspan="2" style="border:1px solid red;">Satu</th>
</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>
<th rowspan="2" style="border:1px solid red;">Satu</th>
<td style="border:1px solid red;">Dua</td>
</tr>

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

<tr>
<th style="border:1px solid red;">Satu</th>
<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 td, 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.