HTML Table

মো: আশিকুজ্জামান আশিক

রাজশাহী বিশ্ববিদ্যালয়।

 

HTML টেবিল ব্যবহার করে আমরা কোন web পেজে বিভিন্ন ধরনের পরিসংখ্যানমূলক ডেটা পাঠকের নিকট আকর্ষণীয় ভাবে উপস্থাপন করতে পারবো।

HTML টেবিলের উদাহরন

এই পর্যায়ে আমরা একটি HTML টেবিলের উদাহরন দেখব:

সিরিয়াল নাম্বার	নামের প্রথম অংশ	নামের শেষ অংশ	নাম্বার
১.	আল	আমিন	৯০
২.	মেহেদি	হাসান	৮৫
৩.	রোজিনা	আক্তার	৭৭
৪.	মাহফুজুর	রহমান	৭৬
৫.	তানজিলা	আক্তার	৬৯

 

এই টেবিলটি তৈরি করার জন্য আপনি নিচের কোডটি কপি করে আপনার ব্লগে ব্যবহার করতে পারেন।

---

<table style="width:100%">
 <tr>

<th> সিরিয়াল নাম্বার </th>
 <th> নামের প্রথম অংশ </th>
 <th> নামের শেষ অংশ </th>
 <th>  প্রাপ্ত নাম্বার </th>
 </tr>
 <tr>
 <td> ১.</td>
 <td> আল</td>
 <td> আমিন</td>

<td> ৯০</td>
 </tr>

<tr>
 <td> ২.</td>
 <td> মেহেদি</td>
 <td> হাসান</td>

<td> ৮৫</td>
 </tr>
 </table>

---

 

এইভাবে আপনি <tr> থেকে </tr> পর্যন্ত অংশ পর্য়ন্ত অংশটুকু বার বার ব্যবহার করে টেবিলের সাইজ বাড়াতে পারেন।

এবার এই টেবিলে ব্যবহৃত গুরুত্বপূর্ণ ট্যাগ এর ব্যবহার সম্পর্কে কিছু তথ্য জানি।

<table> এবং </table> ট্যাগ দ্বারা কোন টেবিলের শুরু এবং শেষ চিহ্নিত করা হয়।

<tr> এবং </tr> ট্যাগ দ্বারা কোন টেবিলে ব্যবহৃত row বা সারির শুরু এবং শেষ নির্দেশ করা হয়।

<td> এবং </td> ট্যাগ দ্বারা কোন টেবিলের row বা সারিগুলোকে ছোট ছোট সেলে বিভক্ত করা হয়।

<th>  এবং </th> ট্যাগ দিয়ে কোন টেবিলের হেডিংকে চিন্হিত করা হয়। [সাধারনত এই ট্যাগ ব্যবহার করলে লেখাগুলো ‘Bold’ বা মোটা হয়ে web-পেজে দেখাবে।]

 

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

HTML টেবিলকে আকর্ষনিয় করতে আমরা অনেক সময় Border ট্যাগ ব্যবহার করে থাকি। এই ট্যাগ ব্যবহার করে টেবিলের বর্ডার প্রয়োজন অনুযায়ি মোটা এবং চিকন করে উপস্থাপন করতে পারবেন।

 

উদাহরন:

---

<table border="1" style="width:100%">
 <tr>
 <td>হাসান</td>
 <td>জামিল</td>
 <td>৫০</td>
 </tr>
 <tr>
 <td>কবির</td>
 <td>খান</td>
 <td>৯১</td>
 </tr>
</table>

---

এখানে “<table border="1" style="width:100%">” দ্বারা একই টেবিলের Border মোটা বা চিকন ভাবে উপস্থাপন করতে পারবেন। "1" এর মান ইচ্ছে মত পরিবর্তন করে বর্ডার পরিবর্তন করতে পারবেন।