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

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

  • Elemen <mn> dan <mo> dapat berisi beberapa simbol.
  • Elemen <mi> hanya dapat berisi variabel satu huruf.

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

– Pertama teman-teman buat struktur dasar 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 dalam tag <math>:

 <body>
    
      <math><!--mendifinisikan element math-->
         <mrow><!--berfungsi mengelompokan beberapa elemen MathML untuk 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 untuk membuat 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.

cara-menyisipkan-simbol-matematika-menggunakan-html5

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

Sekian tutorial saya untuk kali ini. Sehat selalu ya teman-teman, selamat mencoba.