Beranda / html / Lesson 5

Belajar Text Formatting di HTML

Text formatting digunakan untuk mengatur tampilan teks pada halaman HTML. Beberapa tag yang dapat digunakan untuk melakukan formatting teks antara lain:

  1. Membuat tulisan Tebal/Bold dengan tag <b> atau <strong>.
  2. Membuat tulisan Miring/Italic dengan tag <i> atau <em>.
  3. Membuat garis bawah pada teks dengan tag <u> atau <ins>.
  4. Membuat teks tercoret dengan tag <s> atau <del>.
  5. Membuat pangkat di atas dengan tag <sup>.
  6. Membuat pangkat di bawah dengan tag <sub>.
  7. Membuat marker untuk teks dengan tag <mark>.
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Belajar Text Formatting di HTML</title>
  </head>
  <body>
    <p><b>Membuat tulisan Tebal/Bold</b></p>
    <p><i>Membuat tulisan Miring/italic</i></p>
    <p><u>Membuat garis bawah pada teks</u></p>
    <p><s>Membuat teks tercoret</s></p>
    <p>Membuat pangkat di atas C<sup>1</sup></p>
    <p>Membuat pangkat di bawah O<sub>2</sub></p>
    <p>Membuat market untuk teks <mark>stabilo</mark></p>
  </body>
</html>

Keterangan:

  • <b> atau <strong> digunakan untuk membuat tulisan menjadi tebal.
  • <i> atau <em> digunakan untuk membuat tulisan menjadi miring.
  • <u> atau <ins>  digunakan untuk memberikan garis bawah pada teks.
  • <s> atau <del> digunakan untuk membuat teks terlihat tercoret.
  • <sup> digunakan untuk membuat teks atau angka berada di posisi atas, seperti C1.
  • <sub> digunakan untuk membuat teks atau angka berada di posisi bawah, seperti O2.
  • <mark> digunakan untuk memberikan efek penanda atau stabilo pada teks.