কম্পিউটার

HTML colspan অ্যাট্রিবিউট


উপাদানটির colspan অ্যাট্রিবিউট ব্যবহার করা হয় কলামের সংখ্যা সেট করার জন্য একটি হেডার সেলের স্প্যান হওয়া উচিত।

নিচের সিনট্যাক্স −

<th colspan="num">

উপরে, সংখ্যা হল কলামগুলির সংখ্যা একটি হেডার সেল স্প্যান করা উচিত৷

আসুন এখন উপাদান −

এর colspan বৈশিষ্ট্য বাস্তবায়নের একটি উদাহরণ দেখি

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
   border: 2px solid green;
}
</style>
</head>
<body>
<h2>Product Expenses</h2>
<table>
   <tr>
      <th colspan="2">Expenses</th>
   </tr>
   <tr>
      <td>Product Development</td>
      <td>500000</td>
   </tr>
   <tr>
      <td>Marketing</td>
      <td>500000</td>
   </tr>
   <tr>
      <td>Services</td>
      <td>100000</td>
   </tr>
   <tr>
      <td>Support</td>
      <td>100000</td>
   </tr>
   <tr>
      <td>Maintenance</td>
      <td>100000</td>
   </tr>
   <tr>
      <td colspan="2">Total Budget = INR 1300000</td>
   </tr>
</table>
</body>
</html>

আউটপুট

HTML  th  colspan অ্যাট্রিবিউট

উপরের উদাহরণে, আমরা হেডার সেল −

স্প্যান করার জন্য কলামের সংখ্যা সেট করেছি
<th colspan="2">Expenses</th>

গণনা হল 2, তাই দুটি কলাম হেডার সেল জুড়ে থাকবে।


  1. এইচটিএমএল আইডি অ্যাট্রিবিউট

  2. HTML লুকানো বৈশিষ্ট্য

  3. এইচটিএমএল ল্যাং এট্রিবিউট

  4. HTML সংরক্ষিত বৈশিষ্ট্য