Cara menggunakan rumus html

Question

Table of Contents Show

Bagaimana cara menggunakan HTML?
Bagaimana cara menulis tag HTML yang benar?
Apa itu kode HTML?
Tag HTML dimulai dengan kode apa?

Tutorial format teks html ini akan membahas cara menulis persamaan atau rumus matematika di web dimana kita akan menggunakan tag yang tersedia secara default di HTML. Tag juga dapat digunakan untuk membuat rumus kimia di 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, akibatnya ketika dibuka di browser A dan di browser B, akan muncul hasil yang berbeda.

Selain MathML, kita juga bisa menggunakan MathJax yang merupakan library khusus (javascript) yang kaya akan fitur pembuatan persamaan matematika. Namun pada tutorial kali ini kita hanya membahas default dari tag HTML saja

Mengenal tag _{pada HTML}

Tag _{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 _{:
<!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 di bawah

(Gambar. 1)

Kenali tag <sup>_ dalam HTML
Tag<sup>_ dalam html berfungsi sebagai teks superskrip, yang artinya tulisan akan ditulis di atas seperti kita menulis peringkat dalam persamaan matematika. x2. Jadi 2 disebutkan dengan superskrip

Berikut ini contoh penggunaan tag ^{:
<!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 di bawah

(Gambar. 2)

Mengenal tag pada HTML
Penggunaan tag untuk menyatakan variabel dalam sebuah persamaan matematika seperti : (a+b)2= a2 + b2 + 2ab

Sekilas jika kita perhatikan, kita dapat membuat ekspresi matematika dengan menggunakan tag <sup>, tanpa menggunakan tag <var>. Namun yang membedakannya adalah hasil yang ditampilkan dengan menggunakan tag <var> akan dicetak miring (italics).

Berikut ini adalah 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 di bawah

(Gambar. 3)

Menggunakan operator matematika dalam HTML
Pada penjelasan diatas telah kita bahas dengan contoh penggunaan tag <!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>
1, <sup> dan tag <var>. Sekarang bagaimana jika kita ingin menggunakan beberapa operator matematika seperti “tidak sama dengan”, “lebih besar dari” dll

Di HTML sudah ada operator matematika yang bisa kita gunakan. Untuk melihat kode penulisan masing-masing operator matematika, silahkan baca tutorialnya. Memahami Operator Matematika dalam 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> ≠</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> > </var><var>(x-y)<sup>2</sup>+25</var></p>
</body>
</html>
_
Outputnya ditunjukkan oleh Gambar. 4 di bawah

(Gambar. 4)

Kesimpulan
Pada dasarnya HTML telah memenuhi sebagian kebutuhan kita dalam membuat persamaan matematika atau rumus kimia dalam bentuk yang sederhana. Namun jika kita mengharapkan hasil yang lebih sempurna, kita bisa menggunakan MathJax atau MathML

Bagaimana cara menggunakan HTML?
Cara Membuat Halaman Web Sederhana dengan HTML .
Buka editor teks. .
Setel jenis dokumen ke HTML. .
Tambahkan tab judul ke halaman web Anda. .
Ketuk di bawah tanda "Kepala" tertutup. .
Selanjutnya buat judul halaman. .
Tambahkan judul tambahan jika Anda mau. .
Buatlah sebuah paragraf. .
Mengubah warna teks

Bagaimana cara menulis tag HTML yang benar?
Tag dibuat dengan tanda kurung siku ( . Contoh.
Apa itu kode HTML?
Berikut adalah 9 kode HTML untuk blog dan arti dari coding tersebut. .
Label Judul. Tag HTML pertama adalah tag judul. .
Deskripsi meta. Selanjutnya, ada deskripsi meta. .
3. Tag Tajuk. .
4. Jangkar Teks dan Tautan. .
Jangan ikuti. .
6. Teks Alt Gambar. .
7. Tag kanonis. .
9. Tag tebal

Tag HTML dimulai dengan kode apa?
Pada umumnya penulisan tag pada html secara berpasangan dimulai dengan Isi dari isi , Jadi apa yang dimaksud yang dimaksud elemen dalam HTML adalah blok kode yang dimulai dari tag pembuka sampai dengan tag penutup, namun ada juga tag yang berdiri sendiri dalam penulisannya seperti}}}