ওয়েব ডিজাইন part-5 (HTML Table ) - প্রিয়লেখা

ওয়েব ডিজাইন part-5 (HTML Table )

Md. Sajal
Published: August 30, 2016

HTML টেবিল

ওয়েব পেজে তথ্য উপাত্ত পরিসংখ্যান উপস্থাপন করার একটি অন্যতম পন্থা হচ্ছে টেবিল ব্যবহার করা।

The HTML tables allow web authors to arrange data like text, images, links, other tables, etc. into rows and columns of cells.

<table border=”1″> এখানে border=”1″ এর মাধ্যমে টেবিলের জন্য সিঙ্গেল বর্ডার ব্যবহার করা হয়েছে , প্রয়োজন অনুসারে 1 এর স্থানে 2,3,4 ইত্যাদি ব্যবহার করা যাবে।
tr দিয়ে row বা সারি এবং td দিয়ে column বা স্তম্ভ বানানো হয়।
<th></th> এর মাধ্যমে টেবিল হেডার তৈরি করা , টেবিলের মধ্যে কোন সেল খালি রাখার জন্য <td></td> এর মাঝে কিছু না লেখলেই হবে। শুধুমাত্র <td></td> ব্যবহার করতে হবে।

নিচে কিছু কোড দেয়া হোল :
<table  width=” 200″ height=”auto” border=”1″ cellpadding=”0″ cellspacing=”0″>
<tr>
<th>SL. No<th>
<th>Name<th>
<th>Roll No<th>
<th>Class<th>
</tr>
<tr>
<td>01</td>
<td>Rahim</td>
<td>12356</td>
<td>8th</td>
</tr>
<tr>
<td>02</td>
<td>Karim</td>
<td>12356</td>
<td>7th</td>
</tr>
<tr>
<td>03</td>
<td>Arif</td>
<td>12356</td>
<td>6th</td>
</tr>
<table>

একটা cell এর ভিতর (td এর ভিতর) যেকোন এইচটিএমএল এলিমেন্ট রাখতে পারেন। img, p , a বা যেকোন কিছু।
এগুলি ছাড়াও align, bgcolor ইত্যাদি কমন এট্রিবিউটগুলি ব্যবহার করা যাবে।