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

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:


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:

Bagi merancang efek yang sama seperti tag <sub> dan tag <sup> lewat CSS agak sedikit sulit, karena CSS tak mempunyai style khusus bagi superscript dan subscript. Bagi merancang efeknya, sahabat dapat menggabungkan beberapa ‘trik’ seperti berikut ini bagi memperoleh efek superscript di CSS:

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/

Share

You may also like...