Tutorial Formating Text HTML: Membuat Huruf Superscript dan Subscript di HTML

Halo gan. Di postingan sebelumnya, kita sudah membahas cara membuat huruf tercoret di HTML.

Kita review sedikit. Membuat huruf tercoret di HTML dapat dilakukan dengan 2 cara, yakni dengan menggunakan tag <s> dan tag <del>. Tetapi, yang lebih populer dan familiar digunakan adalah tag <s>.

Kali ini, kita akan bahas cara membuat huruf superscript dan subscript. Apa itu huruf superscript dan subscript? Pernah dengar atau lihat?

membuat huruf superscript dan subscript di html

Membuat huruf superscript dengan tag <sup>

Tag <sup> merupakan singkatan dari superscript, yakni sebutan untuk teks kecil yang berada di atas kanan teks. Superscript ini contohnya perpangkatan pada matematika, 34, 53, dan yang lainnya.

Yang mana yang merupakan teks superscript? Angka 4 dan 3 itulah yang disebut teks superscript. Cara penulisan tagnya seperti ini: 3<sup>4</sup>, 5<sup>3</sup>.

Tag <sup> masuk ke dalam jenis tag inline element.

Berikut contoh kode HTML-nya.
<!DOCTYPE html>
<html>
  <head>
     <title>Membuat huruf superscript di HTML</title>
  </head>
  <body>
    <p>Hasil dari 3<sup>4</sup> adalah sama dengan 81.</p>
  </body>
</html>

Hasilnya seperti ini.

membuat huruf superscript dan subscript di html

Membuat huruf subscript dengan tag <sub>

Tag <sub> merupakan singkatan dari subscript, yakni penyebutan untuk teks kecil yang berada di kanan bawah teks.

Tag <sub> ini biasanya digunakan untuk penulisan rumus kimia suatu zat, seperti H20. Cara penulisannya ,yakni H<sub>2</sub>O.

Tag <sub> juga termasuk dalam jenis tag inline element.

Seperti ini contoh kode HTML-nya.
<!DOCTYPE html>
<html>
  <head>
    <title>Membuat huruf subscript di HTML</title>
  </head>
  <body>
    <p>Rumus kimia air adalah H<sub>2</sub>O.</p>
  </body>
</html>


membuat huruf subscript di html

Kedua tag tersebut, tag <sub> dan tag <sup> kemungkinan akan jarang digunakan, kecuali jika memang ingin membuat web yang ada sangkut pautnya dengan matematika dan kimia.

Seperti itulah cara membuat huruf superscript dan subscript di HTML. Selanjutnya, kita akan bahas cara membuat kutipan atau quote di HTML


0 Komentar untuk "Tutorial Formating Text HTML: Membuat Huruf Superscript dan Subscript di HTML"