Membuat Persamaan Matematis pada HTML

belajar HTML dan CSS untuk pemula

Saat membuat konten web, sesekali kita perlu membuat dan memasukkan persamaan matematika ke dalam HTML, seperti pangkat, rumus kimia, dll. Cara penulisan ini contohnya 23 atau H2O. Pada tutorial saat ini kita akan mengulas Cara Menulis Persamaan Matematis di dalam HTML dengan tag <sup> dan tag <sub>.

Tag <sup>

Tag <sup> ialah singkatan dari superscript, yaitu sebutan untuk karakter kecil diatas text. Umumnya superscript dipakai didalam persamaan matematika seperti dalam pembuatan pangkat. Dalam angka 32 , angka 2 ialah superscript. Penulisan HTML untuk hal ini merupakan 3<sup>2</sup>.

Tag <sup> masuk dalam tipe tag inline, yang akan mengikuti alur text yang ada.

Berikut ialah contoh cara penulisan dan pemakaian tag <sub> di dalam HTML:

<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML di Infanthree</title>
</head>
<body>
<h3>Saya sedang belajar HTML di Infanthree.com</h3>
<p>3<sup>2</sup> + 5<sup>3</sup> = 9 + 125 = 134</p>
</body>
</html>

Tag <sub>

Tag <sub> ialah singkatan untuk Subscript. Subscript ialah penyebutan untuk karakter kecil yang ditaruh sedikit di bawah baris karakter normal. Pada umumnya subscript dipakai untuk formula kimia seperti H2O. H2O di dalam tag HTML ditulis dengan H<sub>2</sub>O.

Tag <sub> masuk dalam tipe tag inline, yang akan mengikuti alur text yang ada.

Berikut ialah contoh cara penulisan dan pemakaian tag <sub> di dalam HTML:

<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML di Infanthree</title>
</head>
<body>
<h3>Saya sedang belajar HTML di Infanthree.com</h3>
<p>Dalam rumus kimianya, air ditulis sebagai H<sub>2</sub>O</p>
</body>
</html>
position: relative; top: -0.5em; font-size: 80%;

Baik tag <sup> ataupun tag <sup> barangkali akan jarang kita pakai, kecuali bila kamu membuat artikel matematika atau kimia. Untuk persamaa matematika yang cukup rumit, harus memakai bahasa pemrograman web lain seperti JavaScript dan memakai notasi LaTeX.


Butuh Web Developer Makassar atau Jasa SEO di Makassar yang bergaransi? Jangan ragu dengan infanthree.com. Kami juga penyedia Jasa Pembuatan Aplikasi Android di Makassar yang terkemuka. Selain itu ada layanan SEM, SMM, Internet Marketing Agency Makassar dan Social Media, Pembuatan Logo, Konten, Video, Maskot dan Instalasi jaringan ataupun mikrotik, hingga pelatihan komputer dan internet marketing.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *