Download Film Streaming

Minggu, 13 November 2016

Cara membuat rumus matematika di web

Cara membuat rumus matematika di web - Hallo sahabat Kodenyekrip, Pada Artikel yang anda baca kali ini dengan judul Cara membuat rumus matematika di web, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel HTML, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Cara membuat rumus matematika di web
link : Cara membuat rumus matematika di web

Baca juga


Cara membuat rumus matematika di web


Tutorial format teks html kali ini akan membahas bagaimana menuliskan sebuah persamaan atau rumus matematika di web dimana kita akan menggunakan tag-tag yang secara default tersedia di HTML. Tag tersebut juga dapat digunakan dalam membuat rumus kimia dalam web.

Kebutuhan untuk menyajikan rumus atau persamaan matematika dalam sebuah website, pada dasarnya dapat dilakukan dengan menggunakan MathML. Namun penggunaan MathML tidak didukung oleh semua browser, alhasil ketika buka dibrowser A dengan di browser B, maka akan ditampilkan hasil yang berbeda pula.

Disamping MathML, kita juga dapat menggunakan MathJax yang merupakan sebuah librari khusus (javascript) yang kaya akan fitur pembuatan persamaan matematika. Namun dalam tutorial kali ini, kita hanya membahas bawaan dari tag HTML.

Mengenal tag <sub> pada HTML

Tag <sub> pada html berfungsi sebagai teks yang bersifat subscript. Maksud dari teks subscript adalah teks yang muncul setengah karakter di bawah garis normal, dan kadang-kadang diberikan dalam font yang lebih kecil. Subscript teks dapat digunakan untuk dalam kebutuhan persamaan matematika ataupun dalam rumus kimia seperti : NH4OH . Jadi 4 disebut dengan subscript.

Berikut ini contoh penggunaan tag <sub> :
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Formula Kimia</title>
</head>
<body>
<h3>Larutan Amonium Hidroksida merupakan larutan yang bersifat basa</h3>
<p>Formula: NH<sub>4</sub>OH</p>
</body>
</html>


Outputnya ditunjukkan oleh Gambar.1 dibawah ini :


(Gambar.1)


Mengenal tag <sup> pada HTML

Tag<sup> pada html berfungsi sebagai teks yang bersifat superscript, yang artinya penulisannya akan ditempakan pada bagian atas seperti kita menulis pangkat dalam persamaan matematika : x2 . Jadi 2 disebut dengan superscript.

Berikut ini contoh penggunaan tag <sup> :
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Formula Kimia</title>
</head>
<body>
<h3>Larutan Amonium Hidroksida merupakan larutan yang bersifat basa</h3>
<p>Formula: NH<sub>4</sub>OH</p>
<p>Density: 880 kg/m<sup>3</sup></p>
</body>
</html>

Outputnya ditunjukkan oleh Gambar.2 dibawah ini :


(Gambar.2)


Mengenal tag<var> pada HTML

Penggunaan tag<var> untuk menyatakan variabel dalam sebuah persamaan matematika seperti : (a+b)2= a2 + b2 + 2ab

Sepintas jika kita melihat, ekspresi matematika tersebut dapat kita buat dengan menggunakan tag <sup>, tanpa menggunakan tag <var>. Namun yang membedakannya adalah hasil yang ditampilkan dengan menggunakan tag <var> akan tercetak secara italic (miring).

Berikut ini contoh penggunaan tag <var> :
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>MathML Examples</title>
</head>
<body>
<h4>Persamaan matematika dengan menggunakan tag<var></h4>
<p><var>(a+b)<sup>2</sup></var>= <var>a<sup>2</sup></var> + <var>b<sup>2</sup></var> + <var>2ab</var></p>

<h4>Tanpa menggunakan tag <var></h4>
<p>(a+b)<sup>2</sup>= a<sup>2</sup> + b<sup>2</sup>+ 2ab</p>
</body>
</html>

Outputnya ditunjukkan oleh Gambar.3 dibawah ini :


(Gambar.3)



Menggunakan operator matematika pada HTML

Pada penjelasan diatas, kita sudah membahas beserta contoh dengan menggunakan tag<sub>, tag <sup> dan tag <var>. Nah sekarang bagaimana seandainya kita ingin menggunakan beberap operator matematika seperti "tidak sama dengan", "lebih besar" dsb.

Pada HTML, sudah terdapat operator-operator matematika yang dapat kita gunakan. Untuk melihat kode penulisan untuk tiap operator matematika, silahkan baca tutorial : Memahami Operator Matematika di HTML.

Contoh penerapan operator matematika :
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>MathML Examples</title>
</head>
<body>
<h4>Menggunakan operator matematika</h4>
<p><var>(a+b)<sup>2</sup></var><var> &#8800;</var> <var>a(a+b)</var></p>

<h4>Jika diketahui x=10 dan y=5, maka</h4>
<p><var>(x+y)<sup>2</sup>+5</var><var> &#62; </var><var>(x-y)<sup>2</sup>+25</var></p>
</body>
</html>

Outputnya ditunjukkan oleh Gambar.4 dibawah ini :


(Gambar.4)


Kesimpulan :
Pada dasarnya dalam HTML sudah mengcover beberap kebutuhan kita dalam pembuatan persamaan matematika ataupun dalam rumus kimia dalam bentuk sederhana. Namun jika mengharapkan hasil yang lebih sempurna persamaannya, kita dapat menggunakan MathJax atau MathML.


Demikianlah Artikel Cara membuat rumus matematika di web

Sekianlah artikel Cara membuat rumus matematika di web kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Cara membuat rumus matematika di web dengan alamat link https://kodenyekrip.blogspot.com/2016/11/cara-membuat-rumus-matematika-di-web.html