HTML Text Formatting

HTML Dasar: Text Formatting

Apa Itu Text Formatting?

Text Formatting dalam HTML adalah proses memberikan penekanan atau gaya khusus pada teks menggunakan elemen-elemen tertentu. Misalnya: membuat teks tebal, miring, atau bahkan teks yang ~~dicoret~~.

HTML menyediakan berbagai tag untuk memformat teks agar tampilannya lebih menarik dan maknanya lebih jelas.

Elemen-Elemen Text Formatting dalam HTML

Berikut adalah tag-tag HTML yang digunakan untuk formatting teks beserta fungsinya:

Tag	Fungsi	Contoh Hasil
`<b>`	Teks tebal (bold)	teks tebal
`<strong>`	Teks tebal untuk penekanan penting	penekanan penting
`<i>`	Teks miring (italic)	teks miring
`<em>`	Teks miring dengan penekanan makna	penekanan makna
`<u>`	Teks bergaris bawah (underline)	teks bergaris bawah
`<mark>`	Menyorot teks (highlight)	teks disorot
`<small>`	Teks lebih kecil	teks kecil
`<del>`	Teks dicoret (strikethrough)	~~teks dicoret~~
`<ins>`	Teks disisipkan (biasanya bergaris bawah)	teks baru
`<sub>`	Teks subscript (bawah)	H₂O
`<sup>`	Teks superscript (atas)	x²

Contoh Penggunaan Text Formatting

<!DOCTYPE html>
<html>
<head>
  <title>Contoh Text Formatting</title>
</head>
<body>

  <h2>Contoh Format Teks</h2>

  <p><b>Teks ini tebal menggunakan &lt;b&gt;</b></p>
  <p><strong>Teks ini penting menggunakan &lt;strong&gt;</strong></p>
  <p><i>Teks ini miring menggunakan &lt;i&gt;</i></p>
  <p><em>Teks ini miring dengan penekanan menggunakan &lt;em&gt;</em></p>
  <p><u>Teks ini bergaris bawah menggunakan &lt;u&gt;</u></p>
  <p><mark>Teks ini disorot menggunakan &lt;mark&gt;</mark></p>
  <p><small>Teks kecil menggunakan &lt;small&gt;</small></p>
  <p><del>Teks dicoret menggunakan &lt;del&gt;</del></p>
  <p><ins>Teks baru yang disisipkan menggunakan &lt;ins&gt;</ins></p>
  <p>Air ditulis sebagai H<sub>2</sub>O</p>
  <p>X pangkat dua ditulis sebagai X<sup>2</sup></p>

</body>
</html>

Tips Penggunaan Text Formatting

Gunakan  dan  untuk penekanan yang bermakna, bukan hanya untuk gaya. Ini penting untuk SEO dan aksesibilitas.
Gunakan  dan  untuk penekanan visual saja, tanpa arti penting.
Hindari penggunaan  jika bisa membingungkan dengan tautan (link).
Gunakan  untuk menyoroti informasi penting dalam kalimat.

Kesimpulan

HTML menyediakan banyak tag untuk memformat teks seperti , , , , , dan lainnya.
Gunakan tag sesuai dengan fungsi dan makna, bukan hanya tampilan.
Text formatting membantu pengguna memahami isi konten dengan lebih baik dan meningkatkan struktur semantik.