HTML এ টেবিল এর ব্যবহারঃ

Table

ওয়েব পেইজে তথ্যকে সারি এবং কলাম আকারে বিন্যস্ত করে প্রদর্শনের জন্য টেবিল ব্যবহার করা হয়। টেবিলে উপস্থাপন করলে তথ্যের অর্থবহ ও দৃষ্টিনন্দন বাড়ে। টেবিল তৈরি করার জন্য টেবিল ট্যাগ ব্যবহার করা হয়। টেবিলে রো বা সারি তৈরি করার জন্য <tr> ট্যাগ, টেবিলের হেডিং তৈরি করা জন্য <th> ট্যাগ ব্যবহার করা হয় এবং রো এর ভিতরে সেল বা ডেটা তৈরি করার জন্য <td> ট্যাগ ব্যবহার করা হয়।

টেবিলের কিছু ট্যাগসমূহঃ

 <table> -- </table> 

টেবিল তৈরি করার জন্য এই ট্যাগ ব্যবহার করা হয়।

 <caption> -- </caption> 

টেবিলের পরিচিতিমূলক বর্ণনার জন্য এই ট্যাগ ব্যবহার করা হয়।

 <th> -- </th> 

টেবিলের প্রতিটি কলামের উপরের অংশে তথ্যের শিরোনামকে টেবিল হেডিং বলে। এর জন্য এই ট্যাগ ব্যবহার করা হয়।

 <tr> -- </tr> 

টেবিলের সারি তৈরি করার জন্য এই ট্যাগ ব্যবহার করা হয়।

 <td> -- </td> 

রো এর মধ্যে ডেটা বা সেল তৈরি করার জন্য এই ট্যাগ ব্যবহার করা হয়।

 <tfoot> 

টেবিলের ফুটার তৈরি করার জন্য এই ট্যাগ ব্যবহার করা হয়।

টেবিল ট্যাগের অ্যাট্রিবিউটঃ

<table border="2"> -- </table>

টেবিলে বর্ডার দেয়ার জন্য border অ্যাট্রিবিউট ব্যবহার করা হয়। বর্ডার এর মান ইচ্ছামত পরিবর্তন করা যায়।

<table width="200"> -- </table>

<table width="80%"> -- </table>

টেবিলের প্রশস্ততা নির্ধারণ করার জন্য width অ্যাট্রিবিউট ব্যবহার করা হয়। এর মান শতকরা বা পিক্সেল এর সাহায্যে প্রকাশ করা হয়।

<table align="left"> -- </table>

ব্রাউজারে টেবিলের অবস্থান যেমন left, right বা center কোথায় হবে তা ঠিক করার জন্য align অ্যাট্রিবিউট ব্যবহার করা হয়।

<table cellspacing="2"> -- </table>

টেবিলে সেলের মধ্যে ফাঁকা স্থান নির্ধারণ করে।

<table cellpadding="2"> -- </table>

টেবিলে সেল এবং সেলের কনটেন্ট এর মধ্যে ফাঁকা স্থান নির্ধারণ করে।

<table bgcolor="red"> -- </table>

টেবিলের মধ্যে ব্যাকগ্রাউন্ড কালার দিতে ব্যবহার করা হয়।

<td rowspan="2"> -- </td>

টেবিলের মধ্যে দুটি সেল একত্র করতে এটি ব্যবহার করা হয়।

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

টেবিলের মধ্যে দুটি কলাম একত্র করতে এটি ব্যবহার করা হয়।


যেমনঃ

<table align="center" border="2" cellpadding="4">

<caption> Table </caption>

<tr>
<th>Hading 1 </th>
<th>Hading 2 </th>
<th>Hading 3 </th>
</tr>

<tr>
<td>Data 1 </td>
<td>Data 2 </td>
<td>Data 3 </td>
</tr>

<tr>
<td>Data 4 </td>
<td>Data 5 </td>
<td>Data 6 </td>
</tr>

<tr>
<td>Data 7 </td>
<td>Data 8 </td>
<td>Data 9 </td>
</tr>

</table>

এর আউটপুট হলোঃ

Table

Hading 1	Hading 2	Hading 3
Data 1	Data 2	Data 3
Data 4	Data 5	Data 6
Data 7	Data 8	Data 9

বিঃ দ্রঃ ভালো লাগলে অবশ্যই শেয়ার করতে হবে।