Lompat ke konten Lompat ke sidebar Lompat ke footer

Membuat Matriks dan Tabel HTML Menggunakan Mtable MathML

Tag mtable MathML pada HTML merupakan tag inbuild pada HTML5 yang digunakan untuk membuat tabel atau matriks pada HTML5. Tag ini memiliki beberapa tag lain yaitu <mtr>, <mtd>, yang memiliki fungsi yang sama seperti tag <rt> dan <td> dan tidak perlu membuat tag <table> atau tag sub lainnya untuk membuat nilai matriks yang hanya dapat digunakan untuk membuat ekspresi matematika.

Membuat Matriks dan Tabel HTML Menggunakan Mtable MathML
Tag Mtable MathML HTML5

Sebelum memahami lebih dalam materi tentang Membuat Matriks dan Tabel HTML Menggunakan Mtable MathML, terlebih dahulu pelajari materi tentang: Membuat Pangkat Matematika HTML Menggunakan Msup MathML [klik], Tag Msubsup MathML HTML5 Beserta Fungsinya [klik], dan Tag Msub MathML HTML5 Beserta Fungsinya [klik].

Sintak:
<mtable attributes="value"> child elements </mtable>

Atribut: tag ini menerima beberapa jenis atribut yang diperlihatkan sebagai berikut.
  • align: atribut ini digunakan untuk menampung nilai perataan dari tabel. Beberapa nilai atribut yang mungkin adalah axis, baseline, bottom, center, dan top.
  • class | id | style: atribut ini digunakan untuk menampung nilai style dari elemen child.
  • columnalign: atribut ini digunakan untuk menampung nilai perataan horizontal dari tabel sel. Nilai yang mungkin digunakan pada atribut ini adalah left, right, dan center.
  • columnlines: atribut ini digunakan untuk menampung nilai border style untuk baris kolom. Nilai yang mungkin digunakan pada atribut adalah none, solid, dan dashed.
  • displaystyle: merupakan atribut boolean yang digunakan untuk mendefinisikan apakah terdapat lebih banyak ruang vertikal atau tidak, yang digunakan untuk menampilkan persamaan atau layout compact pada formula.
  • frame: atribut ini digunakan untuk menampung nilai border untuk seluruh tabel. Nilai yang mungkin digunakan pada atribut adalah none, solid, dan dashed.
  • framespacing: atribut ini digunakan untuk mendefinisikan ruang diantara tabel dan bingkai.
  • href: atribut ini digunakan untuk menampung nilai hyperlink apapun untuk sebuah URL spesifik.
  • mathbackground: atribut ini digunakan untuk menampung nilai dari warna background ekspresi matematika.
  • mathcolor: atribut ini digunakan untuk menampung nilai warna dari ekspresi matematika.
  • rowalign: atribut ini digunakan untuk menampung nilai perataan vertikal dari sel tabel. Nilai yang mungkin digunakan pada atribut adalah top, bottom, dan center.
  • rowlines: atribut ini digunakan untuk menampung nilai baris border yang memiliki nilai ganda, dan juga dapat digunakan sebagai nilai pemisah. Nilai yang mungkin digunakan pada atribut adalah none, solid, dan dashed.
  • width: atribut ini berfungsi untuk menampung nilai width.

Catatan: Terdapat atribut lainnya pada tag Mtable tetapi nilai atribut tersebut tidak dapat diimplementasikan pada tag Mtable seperti rowspacing, side, minlabelspacing, groupalign, dan lain sebagainya.


Berikut adalah ilustrasi contoh penggunaan tag mtable MathML pada HTML5.

Contoh:

<!DOCTYPE html>

<html>


<head>

<title>

Tag mtable MathML pada HTML5

</title>

</head>


<body>

<center>


<h1 

style="color:green">

Blog Elfan

</h1>


<h3>

Tag mtable MathML pada HTML5

</h3>


<math>


<mi>Blog Elfan</mi>


<mo>=</mo>


<mtable 

frame="solid" 

rowlines="dashed" 

align="axis 1">


<mtr 

mathbackground="green;">

<mtd>Course</mtd>

<mtd>Fee</mtd>

</mtr>


<mtr>

<mtd>

<mi>C++ STL</mi>

</mtd>

<mtd>

<mi> 1499</mi>

</mtd>

</mtr>


<mtr>

<mtd>

<mi>Placement 100 </mi>

</mtd>

<mtd>

<mi>9999 </mi>

</mtd>

</mtr>


<mtr>

<mtd>

<mi>DSA Foundation </mi>

</mtd>

<mtd>

<mi>7999</mi>

</mtd>

</mtr>


</mtable>


</math>


</center>

</body>


</html>

Output:

Blog Elfan

Tag mtable MathML pada HTML5

Blog Elfan=CourseFeeC++ STL 1499Placement 100 9999 DSA Foundation 7999

Artikel ini didedikasikan kepada: Aura Anjani, Awanda Ruliandini, Azizah Fitriani, Beno Priambodo Rizqi Rianto, dan Bintang Maranatha.

5 komentar untuk "Membuat Matriks dan Tabel HTML Menggunakan Mtable MathML"

  1. Sebutkan dua contoh browser yang dapat digunakan untuk mengaktifkan tag Mtable MathML pada HTML5?

    BalasHapus
    Balasan
    1. Berikut adalah beberapa jenis browser yang dapat digunakan oleh pak Bagas untuk mengaktifkan tag Mtable MathML pada HTML5:
      >> Firefox
      >> Safari

      Hapus
  2. Apa fungsi dari elemen Mtable MathML pada HTML5?

    BalasHapus
    Balasan
    1. Elemen Mtable MathML pada HTML5 merupakan elemen yang digunakan sebagai nilai cakupan dari penyelarasan tabel pada html untuk ekspresi matematika, karena penggunaan elemen tersebut merupakan satu-satunya cara untuk menyusun nilai ekspresi menjadi kolom vertikal pada MathML HTML5.

      Hapus
    2. Elemen Mtable MathML merupakan elemen yang penggunaannya hampir sama dengan elemen atau tag TABLE pada HTML yang pada proses penggunannya juga melibatkan beberapa tag lain seperti MTR, MTD yang fungsinya juga hampir sama dengan tag TR dan tag TD pada HTML.

      Hapus

Hubungi admin melalui Wa : +62-896-2414-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -