rowspan এবং colspan of table in html

rowspan এবং colspan

td, th rowspan এবং colspan attribute দুটি ব্যবহার করে জটিল ধরনের টেবিল বানানো যায়্। rowspan এর সংখ্যাত্নক মান দিয়ে ঠিক করা যায় cell টি কতটি row এর সমান হবে যেমন 

<table border="1">

<tr>

<th rowspan="2">Web Language</th>

<td>HTML</td>

<td>CSS</td>

</tr>

<tr>

<td>PHP</td>

<td>JS</td>

</tr>

<tr>

<th>Framework</th>

<td>CI</td>

<td>Bootstrap</td>

</tr>

</table>

প্রদর্শন:

Web Language

HTML

CSS

PHP

JS

Framework

CI

Bootstrap

কোথায় th, td ইত্যাদি দিয়েছি ভালভাবে লক্ষ্য করুন নাহলে কিছুই বুঝবেননা। দেখুন দুটি row এর জায়গা কিভাবে একটি cell th(Web Language)  দিয়ে দখল করা হয়েছে, rowspan দিয়ে।

colspan দিয়ে কলাম দখল করা যায় যেমন উপরের টেবিল C দেখুন সেখানে Tough দুটি কলামে রাখা হয়েছে যেটা অপ্রয়োজনীয়, ইচ্ছে করলে colspan ব্যবহার করে একটি কলামকেই দুটির সমান করে দিতে পারি। যেমন উদাহরনটির ১৩ এবং ১৪ নম্বর লাইনদুটি বাদদিয়ে নিচের লাইনটি দিন

<td colspan="2"></td>

ব্যাস এবার রান করিয়ে দেখুন একটি কলামেই কাজ হয়ে গেছে।

** একটা cell এর ভিতর (td এর ভিতর) যেকোন এইচটিএমএল এলিমেন্ট রাখতে পারেন। img, p বা যেকোন কিছু।

 

** গুরত্বপূর্ন এট্রিবিউটগুলিই শুধু আলোচনা করা হচ্ছে, এগুলি ছাড়াও align, bgcolor ইত্যাদি কমন এট্রিবিউটগুলি ব্যবহার করা যাবে।