Membuat Teks HTML Bold Rata Tengah Menggunakan Tag TH
Cara kerja dari kedua tag th dan td adalah sama tetapi dengan teks properti yang berbeda, dimana pada teks th formatnya adalah bold dan rata tengah, sedangkan pada teks td formatnya secara default adalah regular dan rata kiri.
 |
| Ilustrasi Tag TH HTML |
Sebelum memahami lebih dalam materi tentang Membuat Teks HTML Bold Rata Tengah Menggunakan Tag TH, terlebih dahulu pelajari materi tentang: Membuat Footer HTML Menggunakan Tag Tfoot [klik], Membuat Template HTML Beserta Fungsinya [klik], dan Penggunaan Tag Tbody pada HTML [klik].
Tag TH pada HTML digunakan untuk mengatur header cell dari tabel. Dua tipe dari tabel cell HTML diperlihatkan sebagai berikut:
- Header cell: digunakan untuk menahan informasi header.
- Standar cell: digunakan untuk menahan body data.
Sintak:
<th> Konten... </th>
Atribut: terdapat banyak atribut yang didukung penggunaannya pada HTML4.1 tetapi telah dihapus pada HTML5 seperti diperlihatkan sebagai berikut:
<th> Konten... </th>
Atribut: terdapat banyak atribut yang didukung penggunaannya pada HTML4.1 tetapi telah dihapus pada HTML5 seperti diperlihatkan sebagai berikut:
- abbr: atribut ini digunakan untuk membuat versi abbreviation dari teks konten pada cell header.
- align: mengatur perataan dari teks konten.
- axis: mengkategorisasi cell header.
- bgcolor: mengatur background color dari cell header.
- char: mengatur perataan dari konten cell header pada karakter.
- charoff: digunakan untuk mengatur angka dari karakter yang dilakukan perataan dari karakter yang ditentukan oleh atribut char. Nilai dari atribut tersebut adalah numeric form.
- colspan: Jumlah dari kolom cell headeri yang akan di span.
- headers: menentukan satu atau lebih cell header yang saling berkaitan.
- height: mengatur panjang dari cell header.
- nowrap: menentukan konten di dalam header cell yang tidak harus di wrap.
- rowspan: mengatur jumlah dari row cell header yang harus di span.
- scope: digunakan untuk menentukan angka dari konten header.
- sorted: digunakan untuk mengurutkan arah dari kolom.
- valign: digunakan untuk mengatur perataan vertikal dari teks konten.
- width: digunakan untuk mengatur lebar dari cell header.
Baca Juga:
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
Tag TH
</title>
<style>
body
{
text-align:center;}
h1
{
color:green;}
th
{
color:blue;}
table, tbody, td
{
border: 1px solid black;
border-collapse: collapse;}
</style>
</head>
<body>
<center>
<h1>
Blog Elfan
</h1>
<h2>
Tag TH
</h2>
<table>
<thead>
<tr>
<th>Nama</th>
<th>User Id</th>
</tr>
</thead>
<tbody>
<tr>
<td>Luffy</td>
<td>@gold</td>
</tr>
<tr>
<td>Rogert</td>
<td>@Pirate</td>
</tr>
</tbody>
</table>
</center>
</body>
</html>
Output:Blog Elfan
Tag TH
| Nama | User Id |
|---|---|
| Luffy | @gold |
| Rogert | @Pirate |
Referensi Tambahan:
- 2 Contoh Pembuatan Garis Bawah pada Teks Menggunakan Tag U HTML [klik]
- Penggunaan Tag Var untuk Membuat Variabel pada HTML [klik]
- Cara Menentukan Tipe File yang Diterima Server Atribut Accept HTML [klik]
- Cara Mendefinisikan Karakter Encoding Menggunakan Accept-charset HTML [klik]
- 12 Cara Akses Pintasan Menggunakan Atribut Accesskey pada HTML [klik]
- 2 Nilai Utama pada Penggunaan Atribut Action HTML [klik]
- 2 Contoh Program Penggunaan Atribut Autofocus pada HTML [klik]
Artikel ini didedikasikan kepada: Afifa Eka Kencana, Agus Rifangga, Annisa Puspa Dina, Aqil Amirul Muafa, dan Bayu Ari Pratama Aji.
Apa yang dimaksud dengan tag th pada dokumen HTML?
BalasHapusTag TH pada dokumen HTML digunakan untuk mendefinisikan sel sebagai header dari sekelompok sel tabel. Sifat pasti dari grup tersebut ditentukan oleh atribut scope dan header pada tabel HTML.
HapusApa fungsi dari tag th pada dokumen HTML?
BalasHapusTag TH pada dokumen HTML digunakan untuk mengatur sel header pada tabel. Dua jenis sel yang terdapat dalam tabel HTML adalah sel header dan sel standard. Sel header digunakan untuk menyimpan informasi header, sedangkan sel standar digunakan untuk menampung data yang tersusun secara sistematis antara baris dan kolom pada tabel html.
HapusApa perbedaan antara tag TH, tag TR, dan tag TD pada tabel HTML?
BalasHapusTag TH mendefinisikan sel header dalam tabel yang ditampilkan sebagai teks tebal dan rata tengah. Tag TR mendefinisikan baris pada tabel dan minimal ada satu baris dalam sebuah tabel html. Tag TD digunakan untuk mendefinisikan sel standar dalam tabel yang ditampilkan sebagai teks rata kiri dengan bobot normal.
Hapus