কম্পিউটার

কিভাবে HTML এ টেবিল সেল একত্রীকরণ?


HTML-এ কক্ষগুলিকে মার্জ করতে, colspan এবং rowspan বৈশিষ্ট্য ব্যবহার করুন৷ সারি স্প্যান অ্যাট্রিবিউট হল একটি কক্ষের স্প্যান হওয়া সারিগুলির সংখ্যার জন্য, যেখানে কোলস্প্যান অ্যাট্রিবিউট হল একটি কক্ষের স্প্যান হওয়া উচিত এমন কয়েকটি কলামের জন্য৷

উভয় বৈশিষ্ট্যই ট্যাগের ভিতরে থাকবে। সংখ্যাটি একটি সাংখ্যিক মান হবে, উদাহরণস্বরূপ, সারি স্প্যান হলে 2 সারির জন্য 2, কলাম স্প্যান হলে 2 কলামের জন্য 2৷

কিভাবে 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 এ টেবিল সেল একত্রীকরণ?

উদাহরণ

আসুন কলস্প্যান এবং রোস্প্যান অ্যাট্রিবিউট ব্যবহার করে সেলগুলিকে মার্জ করি

<!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 colspan="2"></th>
            <th></th>
         </tr>
         <tr>
            <td></td>
            <td></td>
            <td rowspan="2"></td>
         </tr>
         <tr>
            <td></td>
            <td></td>
         </tr>
      </table>
   </body>
</html>

আউটপুট

কিভাবে HTML এ টেবিল সেল একত্রীকরণ?


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

  2. HTML <col> ট্যাগ

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

  4. HTML <center> ট্যাগ