HTML-এ colspan অ্যাট্রিবিউট ব্যবহার করা হয় কলামের সংখ্যা সেট করতে একটি কক্ষ একটি টেবিলে স্প্যান করা উচিত। বা উপাদানে colspan বৈশিষ্ট্য ব্যবহার করুন।
উপাদান কোলস্প্যান অ্যাট্রিবিউট
HTML-এ উপাদানটির colspan বৈশিষ্ট্য একটি কক্ষের কলামের সংখ্যা নির্ধারণ করে
নিম্নলিখিত সিনট্যাক্স −
<td colspan="num">
উপরে, সংখ্যা হল কলামগুলির সংখ্যা একটি কক্ষের স্প্যান হওয়া উচিত৷ আসুন এখন উপাদান −
-এর colspan বৈশিষ্ট্য বাস্তবায়নের একটি উদাহরণ দেখি।উদাহরণ
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 2px solid blue;
}
</style>
</head>
<body>
<h2>Product Expenses</h2>
<table>
<tr>
<th>Domains</th>
<th>Cost</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> আউটপুট
উপাদান কলস্প্যান অ্যাট্রিবিউট
উপাদানটির 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> আউটপুট
