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

<th> এলিমেন্টের colspan অ্যাট্রিবিউট একটি হেডার সেল কতগুলো কলাম স্প্যান করবে তা সেট করতে ব্যবহৃত হয়।

সিনট্যাক্স নিচের মতো:

<th colspan="num">

উপরে, num হলো কলামের সংখ্যা যা হেডার সেল স্প্যান করবে।

আইএ এখন <th> এলিমেন্টের 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>

আউটপুট

উপরের উদাহরণে, আমরা কলাম কাউন্ট সেট করেছি হেডার সেল স্প্যান করার জন্য:

<th colspan="2">Expenses</th>

কাউন্ট ২, তাই দুটি কলাম হেডার সেলকে স্প্যান করবে।