Tutorial Text HTML Part 5: Cara Menulis Persamaan Matematis di dalam HTML (tag sup dan tag sub)

Tutorial Text HTML Part 5: Cara Menulis Persamaan Matematis di dalam HTML (tag sup dan tag sub)


Halo Kawan-kawan,
Dalam membuat konten web, kadang kita perlu membuat dan memasukkan persamaan matematika ke dalam HTML, seperti pangkat, rumus kimia, dll. Cara penulisan ini misalnya 32 atau H2O. Pada tutorial kali ini kita akan membahas Cara Menulis Persamaan Matematis di dalam HTML dengan tag <sup> dan tag <sub>.


Perhatikan Kode Berikut:

<!DOCTYPE html>
  <html>
  <head>
    <title>Cara Menulis Persamaan Matematis di dalam HTML</title>
  </head>
<body>
<h1>Tutorial Text HTML Part 5:
Cara Menulis Persamaan Matematis di dalam HTML (tag sup dan tag sub)</h1>

<h3>Tag &lt;sup&gt; Untuk Membuat Text Superscript</h3>
<p>Tag &lt;sup&gt; adalah singkatan dari superscript, yaitu sebutan untuk karakter kecil diatas text.</p>
<p>Contoh Penggnaan:<br />
5<sup>2</sup> + 4<sup>3</sup> = 25 + 12 = 37</p>

<h3>Tag &lt;sub&gt; Untuk Membuat Text Subscript</h3>
<p>Tag &lt;sub&gt; adalah singkatan dari Subscript, yaitu sebutan untuk karakter kecil yang diletakkan sedikit di bawah baris karakter normal.</p>
<p>Contoh Penggnaan:<br />
Dalam rumus kimianya, air ditulis sebagai H<sub>2</sub>O</p>

</body>
</html>

Hasil Kode

Catatan: Baik tag <sup> maupun tag <sub> kemungkinan akan jarang kita gunakan, kecuali jika anda membuat artikel matematika atau kimia. Untuk persamaa matematika yang cukup rumit, harus menggunakan bahasa pemrograman web lain seperti JavaScript dan menggunakan notasi LaTeX.

Belajar HTML Secara Lengkap Disini: