MathML এ Matrix তৈরি করা (<mtable>, <mtr>, <mtd>)

MathML (Mathematical Markup Language) একটি XML ভিত্তিক ভাষা যা গাণিতিক সমীকরণ এবং তথ্য উপস্থাপনে ব্যবহৃত হয়। Matrix বা গাণিতিক ম্যাট্রিক্স তৈরি করতে MathML-এ <mtable>, <mtr>, এবং <mtd> ট্যাগগুলি ব্যবহার করা হয়। এই ট্যাগগুলো ম্যাট্রিক্সের সারি (row) এবং কলাম (column) নির্মাণের জন্য সহায়ক। নিচে বিস্তারিতভাবে MathML-এ ম্যাট্রিক্স তৈরির পদ্ধতি আলোচনা করা হলো।

১. <mtable> ট্যাগ

<mtable> ট্যাগটি গাণিতিক ম্যাট্রিক্স তৈরি করতে ব্যবহৃত হয়। এটি ম্যাট্রিক্সের মূল কাঠামো এবং গঠন নির্দেশ করে। একটি ম্যাট্রিক্সে বিভিন্ন সারি এবং কলাম থাকে, যা <mtr> এবং <mtd> ট্যাগ ব্যবহার করে নির্ধারণ করা হয়।

২. <mtr> ট্যাগ

<mtr> ট্যাগটি একটি সারি (row) উপস্থাপন করে। প্রতিটি সারি ম্যাট্রিক্সের একটি অংশ, এবং এটি <mtd> ট্যাগের মাধ্যমে কলাম উপাদান ধারণ করে।

৩. <mtd> ট্যাগ

<mtd> ট্যাগটি ম্যাট্রিক্সের এক একটি সেলের মান বা উপাদানকে উপস্থাপন করে। এটি প্রতিটি কলামের জন্য ব্যবহৃত হয়।

উদাহরণ: একটি 2x2 ম্যাট্রিক্স তৈরি

এখানে একটি 2x2 ম্যাট্রিক্সের MathML কোড দেওয়া হলো:

<math xmlns="http://www.w3.org/1998/Math/MathML">
  <mtable>
    <mtr>
      <mtd><mn>1</mn></mtd>
      <mtd><mn>2</mn></mtd>
    </mtr>
    <mtr>
      <mtd><mn>3</mn></mtd>
      <mtd><mn>4</mn></mtd>
    </mtr>
  </mtable>
</math>

এখানে:

• <mtable> ট্যাগটি ম্যাট্রিক্সের মূল কাঠামো।
• <mtr> ট্যাগটি দুটি সারি তৈরি করে।
• <mtd> ট্যাগটি প্রতিটি সেলের মান (যেমন 1, 2, 3, 4) উপস্থাপন করে।

এই কোডটি একটি 2x2 ম্যাট্রিক্স তৈরি করবে:

$$\begin{pmatrix} 1 & 2 \\ 3 & 4 \end{pmatrix}$$

৪. উদাহরণ: একটি 3x3 ম্যাট্রিক্স তৈরি

এখানে একটি 3x3 ম্যাট্রিক্সের উদাহরণ দেওয়া হলো:

<math xmlns="http://www.w3.org/1998/Math/MathML">
  <mtable>
    <mtr>
      <mtd><mn>1</mn></mtd>
      <mtd><mn>2</mn></mtd>
      <mtd><mn>3</mn></mtd>
    </mtr>
    <mtr>
      <mtd><mn>4</mn></mtd>
      <mtd><mn>5</mn></mtd>
      <mtd><mn>6</mn></mtd>
    </mtr>
    <mtr>
      <mtd><mn>7</mn></mtd>
      <mtd><mn>8</mn></mtd>
      <mtd><mn>9</mn></mtd>
    </mtr>
  </mtable>
</math>

এখানে:

• <mtable> ট্যাগটি 3x3 ম্যাট্রিক্সের কাঠামো।
• <mtr> ট্যাগটি 3টি সারি তৈরি করছে।
• <mtd> ট্যাগটি প্রতিটি সেলের মান (যেমন 1, 2, 3, 4, 5, 6, 7, 8, 9) নির্ধারণ করছে।

এই কোডটি একটি 3x3 ম্যাট্রিক্স তৈরি করবে:

$$\begin{pmatrix} 1 & 2 & 3 \\ 4 & 5 & 6 \\ 7 & 8 & 9 \end{pmatrix}$$

৫. ম্যাট্রিক্সের সেলগুলোর মধ্যে মার্জিন এবং প্যাডিং

MathML-এ আপনি সেলগুলোর মধ্যে স্পেস এবং প্যাডিং কাস্টমাইজ করতে CSS ব্যবহার করতে পারেন। এটি ম্যাট্রিক্সকে আরও সুন্দর এবং পাঠযোগ্য করে তোলে।

উদাহরণ: মার্জিন এবং প্যাডিং সহ ম্যাট্রিক্স

<math xmlns="http://www.w3.org/1998/Math/MathML">
  <mtable style="border: solid 1px black; padding: 10px;">
    <mtr>
      <mtd style="padding: 5px;">1</mtd>
      <mtd style="padding: 5px;">2</mtd>
      <mtd style="padding: 5px;">3</mtd>
    </mtr>
    <mtr>
      <mtd style="padding: 5px;">4</mtd>
      <mtd style="padding: 5px;">5</mtd>
      <mtd style="padding: 5px;">6</mtd>
    </mtr>
    <mtr>
      <mtd style="padding: 5px;">7</mtd>
      <mtd style="padding: 5px;">8</mtd>
      <mtd style="padding: 5px;">9</mtd>
    </mtr>
  </mtable>
</math>

এখানে:

• style="border: solid 1px black;" ম্যাট্রিক্সের চারপাশে সীমানা (border) যোগ করেছে।
• style="padding: 5px;" প্রতিটি সেলের মধ্যে প্যাডিং যোগ করেছে, যাতে সেলের মধ্যে কিছু স্পেস থাকে।

এটি ম্যাট্রিক্সের প্রতিটি সেলের মধ্যে ৫ পিক্সেল প্যাডিং এবং চারপাশে সীমানা (border) সহ একটি পরিষ্কার ম্যাট্রিক্স তৈরি করবে।

উপসংহার

MathML-এর <mtable>, <mtr>, এবং <mtd> ট্যাগ ব্যবহার করে আপনি গাণিতিক ম্যাট্রিক্স খুব সহজে তৈরি করতে পারেন। এই ট্যাগগুলি ম্যাট্রিক্সের সারি এবং কলাম নির্ধারণ করতে ব্যবহৃত হয় এবং সেলগুলোর মধ্যে উপাদান রাখে। CSS ব্যবহার করে আপনি ম্যাট্রিক্সের উপস্থাপনা কাস্টমাইজ করতে পারেন, যেমন মার্জিন, প্যাডিং এবং সীমানা যুক্ত করা। MathML এর মাধ্যমে গাণিতিক ম্যাট্রিক্স সঠিকভাবে এবং সুন্দরভাবে ওয়েব পেজে উপস্থাপন করা সম্ভব।