Pada merancang konten web, kadang kita perlu merancang dan memasukkan persamaan matematika ke pada HTML, seperti pangkat, rumus kimia, dll. Cara penulisan ini misalnya 23 atau H2O. Di panduan kali ini kita akan membahas Cara Menulis Persamaan Matematis di dalam HTML dengan tag <sup> dan tag <sub>.
Tag <sup> Bagi Merancang Text Superscript
Tag <sup> ialah singkatan dari superscript, yaitu sebutan bagi karakter kecil diatas text. Umumnya superscript digunakan didalam persamaan matematika seperti pada penyusunan pangkat. Pada angka 32 , angka 2 ialah superscript. Penulisan HTML bagi hal ini ialah 3<sup>2</sup>.
Tag <sup> masuk ke pada tipe tag inline, yang akan mengikuti alur text yang terdapat.
Berikut ialah contoh cara penulisan dan pemakaian tag <sub> di pada HTML:
|
1 |
<!DOCTYPE html><br/><html><br/><head><br/><title>Belajar HTML di Source Code Program</title><br/></head><br/><br/><body><br/><h3>Saya sedang belajar HTML di Source Code Program.com</h3><br/><p>3<sup>2</sup> + 5<sup>3</sup> = 9 + 125 = 134</p><br/></body><br/><br/></html> |
Tag <sub> bagi merancang text Subscript
Tag <sub> ialah singkatan bagi Subscript. Subscript ialah penyebutan bagi karakter kecil yang diletakkan sedikit di bawah baris karakter normal. Biasanya subscript digunakan bagi formula kimia seperti H2O. H2O di pada tag HTML ditulis dengan H<sub>2</sub>O.
Tag <sub> masuk ke pada tipe tag inline, yang akan mengikuti alur text yang terdapat.
Berikut ialah contoh cara penulisan dan pemakaian tag <sub> di pada HTML:
|
1 |
<!DOCTYPE html><br/><html><br/><head><br/><title>Belajar HTML di Source Code Program</title><br/></head><br/><br/><body><br/><h3>Saya sedang belajar HTML di Source Code Program.com</h3><br/><p>Pada rumus kimianya, air ditulis selaku H<sub>2</sub>O</p><br/></body><br/><br/></html> |
|
1 |
position: relative; top: -0.5em; font-size: 80%; |
Bagus tag <sup> maupun tag <sub> kemungkinan akan jarang kita gunakan, kecuali apabila sahabat merancang artikel matematika atau kimia. Bagi persamaa matematika yang lumayan rumit, mesti menggunakan bahasa pemrograman web lain seperti JavaScript dan menggunakan notasi LaTeX.
Sumber https://www.duniailkom.com/
