Lompat ke konten Lompat ke sidebar Lompat ke footer

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.


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, Membuat Template HTML Beserta Fungsinya, dan Penggunaan Tag Tbody pada HTML.

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:
  • 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.


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

NamaUser Id
Luffy@gold
Rogert@Pirate

Artikel ini didedikasikan kepada: Afifa Eka Kencana, Agus Rifangga, Annisa Puspa Dina, Aqil Amirul Muafa, dan Bayu Ari Pratama Aji.

6 komentar untuk "Membuat Teks HTML Bold Rata Tengah Menggunakan Tag TH"

  1. Apa yang dimaksud dengan tag th pada dokumen HTML?

    BalasHapus
    Balasan
    1. Tag 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.

      Hapus
  2. Apa fungsi dari tag th pada dokumen HTML?

    BalasHapus
    Balasan
    1. Tag 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.

      Hapus
  3. Apa perbedaan antara tag TH, tag TR, dan tag TD pada tabel HTML?

    BalasHapus
    Balasan
    1. Tag 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

Hubungi admin melalui Wa : +62-896-2414-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -