HTML TABLE with rowspan colspan attribute
.png)
HTML টেবিল ওয়েব ডেভেলপমেন্টের একটি মৌলিক উপাদান, যা ডেটা সাজানো এবং প্রদর্শন করার জন্য উপযুক্ত সাধারণ একটি প্রণালী উপস্থাপন করে। তবে, রোসপ্যান এবং কলস্প্যান এমন উন্নত বৈশিষ্ট্য ব্যবহার করা যেগুলো সারগুলির গঠন এবং উন্নত করতে সাহায্য করে। এই ব্লগ পোস্টে, আমরা কিভাবে রোসপ্যান এবং কলস্প্যান বৈশিষ্ট্যগুলি প্রভাবশালীভাবে ব্যবহার করে জটিল টেবিল লেআউট তৈরি করতে পারি তা জানব।
YOU HAVE ANY QUS? YOU CAN ASK VIA COMMENT
rowspan colspan attribute
রোসপ্যান এবং কলস্প্যান এট্রিবিউট ব্যবহার করা হয় যা HTML টেবিলের সেল গুলি মূলত সমন্বয় করতে ব্যবহৃত হয়।
Rowspan: এই এট্রিবিউটটি একটি সেল যেটি সংখ্যক সারিতে স্প্যান করতে হবে তা সংজ্ঞায়িত করে।
Colspan: এই এট্রিবিউটটি একটি সেল যেটি সংখ্যক কলামে স্প্যান করতে হবে তা সংজ্ঞায়িত করে।
Basic Table Stracture
| রো 1, কল 1 | রো 1, কল 2 | রো 1, কল 3 |
| রো 2, কল 1 | রো 2, কল 2 | রো 2, কল 3 |
| রো 3, কল 1 | রো 3, কল 2 | রো 3, কল 3 |
চলুন আমরা একটি মৌলিক HTML টেবিল গঠন করি:
<!DOCTYPE html>
<html lang="bn">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML টেবিলে Rowspan এবং Colspan</title>
</head>
<body>
<table border="1">
<tr>
<td>রো 1, কল 1</td>
<td>রো 1, কল 2</td>
<td>রো 1, কল 3</td>
</tr>
<tr>
<td>রো 2, কল 1</td>
<td>রো 2, কল 2</td>
<td>রো 2, কল 3</td>
</tr>
<tr>
<td>রো 3, কল 1</td>
<td>রো 3, কল 2</td>
<td>রো 3, কল 3</td>
</tr>
</table>
</body>
</html>
With ROWSPAN & COLSPAN
| রো 1, কল 1 | রো 1, কল 2 এবং কল 3 | |
| রো 2, কল 2 | রো 2, কল 3 | |
| রো 3, কল 1, কল 2 এবং কল 3 | ||
এখন, আমরা rowspan এবং colspan এট্রিবিউটগুলি ব্যবহার করে সেলগুলি মার্জ করে আমাদের টেবিল সংযুক্ত করব।
<table border="1">
<tr>
<td rowspan="2">রো 1, কল 1</td>
<td colspan="2">রো 1, কল 2 এবং কল 3</td>
</tr>
<tr>
<td>রো 2, কল 2</td>
<td>রো 2, কল 3</td>
</tr>
<tr>
<td colspan="3">রো 3, কল 1, কল 2 এবং কল 3</td>
</tr>
</table>
এই উদাহরণে:
- "রো 1, কল 1" সেলটি rowspan="2" ব্যবহার করে দুটি সারিতে স্প্যান করে।
- "রো 1, কল 2" এবং "রো 1, কল 3" সেলগুলি colspan="2" ব্যবহার করে একটি সেল হয়ে যায়।
- একইভাবে, "রো 3, কল 1", "রো 3, কল 2", এবং "রো 3, কল 3" একটি সেল হয়ে যায়।
Rowspan এবং colspan এট্রিবিউট হলো HTML টেবিলে কমপ্লেক্স লেআউট তৈরির জন্য শক্তিশালী সরঞ্জাম। স্ট্রেটেজিকভাবে সেলগুলি মার্জ করে ডেভেলপাররা তাদের ওয়েব প্রকল্পগুলির জন্য প্রতিষ্ঠান এবং উপস্থাপন করার জন্য ট্যাবুলার তথ্য কার্যকর ভাবে সংগ্রহ করতে পারেন। rowspan এবং colspan এর পরিবর্তে প্রয়োগ করে দেখুন যে আপনি কি ধরণের টেবিল গঠন প্রাপ্ত করতে চান।
