কম্পিউটার

কিভাবে HTML এ টেবিল কলাম মার্জ করবেন?


HTML-এ টেবিল কলাম একত্রিত করতে ট্যাগে কলস্প্যান অ্যাট্রিবিউট ব্যবহার করুন। এটির সাহায্যে একে অপরের সাথে কোষগুলিকে একত্রিত করুন। উদাহরণস্বরূপ, যদি আপনার টেবিলে 4টি সারি এবং 4টি কলাম থাকে, তাহলে colspan অ্যাট্রিবিউটের সাহায্যে আপনি সহজেই 2টি বা এমনকি 3টি টেবিল ঘর একত্রিত করতে পারেন৷

কিভাবে HTML এ টেবিল কলাম মার্জ করবেন?

উদাহরণ

আপনি HTML এ টেবিল কলাম মার্জ করতে নিম্নলিখিত কোড চালানোর চেষ্টা করতে পারেন। প্রথমত, আমরা দেখব কিভাবে HTML-এ ৩টি সারি ও ৩টি কলাম সহ একটি টেবিল তৈরি করা যায়

<!DOCTYPE html>
<html>
   <head>
      <style>
         table, th, td {
            border: 1px solid black;
            width: 100px;
            height: 50px;
         }
      </style>
   </head>

   <body>
      <h1>Heading</h1>
      <table>
         <tr>
            <th></th>
            <th></th>
            <th></th>
         </tr>
         <tr>
            <td></td>
            <td></td>
            <td></td>
         </tr>
         <tr>
            <td></td>
            <td></td>
            <td></td>
         </tr>
      </table>
   </body>
</html>

আউটপুট

কিভাবে HTML এ টেবিল কলাম মার্জ করবেন?

উদাহরণ

আসুন কলস্প্যান অ্যাট্রিবিউট ব্যবহার করে কলামগুলিকে মার্জ করি৷ প্রথম 2টি কলাম একত্রিত হবে

<!DOCTYPE html>
<html>
   <head>
      <style>
         table, th, td {
            border: 1px solid black;
            width: 100px;
            height: 50px;
         }
      </style>
   </head>
   <body>
      <h1>Heading</h1>
      <table>
         <tr>
            <th></th>
            <th></th>
            <th></th>
         </tr>
         <tr>
            <td colspan="2"></td>
            <td></td>
         </tr>
         <tr>
            <td></td>
            <td></td>
            <td></td>
         </tr>
      </table>
   </body>
</html>

আউটপুট

কিভাবে HTML এ টেবিল কলাম মার্জ করবেন?


  1. HTML ক্যাপশন ট্যাগ

  2. HTML <td> colspan অ্যাট্রিবিউট

  3. HTML <col> ট্যাগ

  4. HTML কলস্প্যান অ্যাট্রিবিউট