Cara Menyisipkan Simbol Matematika Menggunakan HTML5

Salam hangat teman-teman, semoga teman-teman sehat selalu ya, Di panduan kali ini saya akan mencoba membagi Cara Menyisipkan Simbol Matematika Menggunakan HTML5.





Nah, teman-teman pasti bertanya bagaimana sih menyisipkan simbol matematika di halaman blog teman-teman. Ok, Caranya dengan menggunakan tag <math> bagi menyisipkan simbol matematika, ekspresi dan formula ke pada <body> unsur suatu dokumen HTML, dan di pada tag <math> kita mesti menyisipkan beberapa unsur dari tag <math> bagi menentukan gaya font dari symbol yang di masukan. Berikut elemen-elemennya :




  • Unsur <mn> dan <mo> dapat berisi beberapa simbol.


  • Unsur <mi> hanya dapat berisi variabel satu huruf.



Kini saya akan memberikan Cara Menyisipkan Simbol Matematika Menggunakan HTML5. berikut langkah-langkahnya:



– Pertama-tama teman-teman bikin struktur mendasar HTML5 dulu seperti kode HTML5 di bawah ini :



<!doctype html>
<html>
<head>
<meta charset=UTF-8>
<title>Simbol</title>
</head>

<body>


</body>
</html>


Jangan lupa save dengan nama index.html



– Kedua teman-teman ketikan tag <math> dan elemen-elemen di pada tag <math>:



 <body>
    
      <math><!--mendifinisikan element math-->
         <mrow><!--berfungsi mengelompokan beberapa unsur MathML bagi satu unit, istilah-->           
           <mn>4</mn>
           <mi>x</mi>
           <mo>+</mo>
           <mn>4</mn>
           <mo>=</mo>
           <mo>(</mo>
           <mn>2</mn>
           <mo>+</mo>
           <mn>2</mn>
           <mo>)</mo>
           <mi>x</mi>
           <mo>+</mo>
           <mn>2</mn>
           <mo>middot;</mo>
           <mn>2</mn>
         </mrow>
      </math>
      <br>
      <math>         
            <mi>f</mi>
            <mfenced><mi>x</mi><mi>y</mi><mi>z</mi></mfenced><!--mengelompokan beberapa fungsi-->
            <mo>=</mo>
            <msup><!--berfungsi bagi membangun karakter ke dua menjadi superscript-->
            <mi>x</mi>
            <mn>2t</mn>
            </msup>
            <mo>+</mo>
            <msup>
            <mi>y</mi>
            <mn>2</mn>
            </msup>
            <mo>+</mo>
            <msup>
            <mi>z</mi>
            <mn>2</mn>
            </msup>
      </math>
   </body>


– Hasilnya akan menjadi seperti ini.



Pada



Bagaimana teman-teman mudahkan Cara Menyisipkan Simbol Matematika Menggunakan HTML5.  



Sekianlah panduan saya bagi kali ini. Sehat selalu ya teman-teman, selamat mencoba.




Sumber https://kursuswebsite.org

Popular posts from this blog

Cara Menghapus Isi Dari Form Input Menggunakan Javascript

Membuat Form Menarik Menggunakan HTML dan CSS