Cara Menulis Persamaan Matematis dengan Tag Sup dan Tag Sub

Tag Sup dan Tag Sub

Pernah lihat suatu website menampilkan persamaan matematika didalam konten nya, pasti pernah kan. Persamaan matematika disini seperti membuat rumus yang pakai pangkat 32 atau CO2, X2 atau rumus kimia seperti air H2O dan lainnya.
Untuk membuat code matematis seperti ini html menyediakan tag Subscripts dan Superscripts. Jika kamu berminat ingin membuat code matematis seperti ini kamu bisa baca tutorial ini sampai habis.
saya akan membahas kedua tag ini secara jelas dan membuat contoh dari penggunaan tag <sup> dan <sub>.

Tag Sup – Membuat Text Superscript

Tag <sup> dibuat dari singkatan Superscript, dimana tag ini akan membuat pangkat atau suatu karakter berada diatas text.
Tag sup bisa digunakan untuk huruf dan angka, Penulisan tag sup dimulai dengan <sup> dan diakhiri dengan </sup>.
Semua text yang ada dalam tag ini akan ditampil lebih ke atas. Misal saya mau membuat 4 pangkat 2, angka dua ini harus diletakan didalam tag <sup>.
Supaya lebih jelas kita harus melihat contoh dari tag <sup>

Contoh tag sup

<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML itu mudah</title>
</head>
<body>
<p>4<sup>2</sup> x 2<sup>2</sup> = 100 + 100 = 200</p>
</body>
</html>

Ini hanya contoh hasil perkalian bukanlah hasil sebenarnya.
Dari contoh diatas kita akan melihat 4 pankat 2 dll. Dengan tag sup ini kita akan dipermudah untuk membuat code matematis yang mempunyai pangkat.

Tag Sub – membuat text Subscript

Jika tag sup untuk membuat pangkat maka tag sub ini kebalikan dari tag sup, tag <sub> digunakan untuk membuat Subscript dimana akan membuat text yang terletak sedikit dibawah. Misalnya H2O.
Contoh Tag Sub

<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML mudah</title>
</head>
<body>
<p>H<sub>2</sub>O adalah Air</p>
<p>saya <sub>suka</sub>HTML</p>
</body>
</html>
Berhubung karena saya bukan guru matematika atau kimiawan jadi saya tidak bisa membuatkan banyak contoh dalam program ini. takut salah rumus
Dari uraian diatas saya yakin anda sudah mengerti tentang fungsi dari tag sup dan tag sub, kedua tag ini sangat jarang saya gunakan, gimana dengan anda?

Ada Komentar?

×