এইচটিএমএল টেবিল টিউটোরিয়াল (HTML Tables Tutorial in Bangla)
|
লেখক রাসেল খান
|
|||||||||||||||||||||
টেবিল হল
Horizontal সারি এবং vertical
কলামের বিন্যাস। এটা tabular
data প্রদর্শনের ক্ষেত্রে অনেক
গুরুত্বপুর্ন। ডকুমেন্টের
এলিমেন্ট নিয়ন্ত্রনের জন্য ওয়েব ডিজাইনারদের কাছে এটা আরো বেশি
গুরুত্বপুর্ন । সারি এবং কলামের ইন্টারসেকশনকে cell বলে। সকল এইচটিএমএল টেবিল <table> ট্যাগ
দিয়ে শুরু হয় এবং </table> ট্যাগ দিয়ে শেষ হয়।
১.<tr> ট্যাগ
Horizontal সারি নিদের্শ করে।
২ <td> ট্যাগ ঐ Horizontal
সারির data
cell নিদের্শ করে।
৩ <th> ট্যাগ
data cell এর টেবিল heading হিসাবে কাজ করে।
৪ <tfoot> ট্যাগ টেবিলের footer
যোগ করার জন্য ব্যবহার হয়।
1.<table border="1"> 2.<tr><td>Row 1 Cell 1</td><td>Row 1 Cell
2</td></tr> 3.<tr><td>Row 2 Cell 1</td><td>Row 2 Cell
2</td></tr> 4.</table>
প্রদর্শন:
অনেকগুলো সারি এবং কলামের বিস্তার:
Rowspan ব্যাবহার করে অনেকগুলো সারির বিস্তার এবং colspan ব্যাবহার
করে অনেকগুলো কলামের বিস্তার করা হয়। আপনি যদি কলামের
header দিতে চান তাহলে <th> ট্যাগ
ব্যাবহার করতে হবে।
<th> ট্যাগ ব্যাবহার করলে default হিসাবে header টি
বোল্ড আকারে দেখাবে।
01.<table border="1"> 02.<tr> 03.<th>Column 1</th> 04.<th>Column 2</th> 05.<th>Column 3</th> 06.</tr> 07.<tr><td rowspan="2">Row
1 Cell 1</td> 08.<td>Row 1 Cell 2</td><td>Row 1 Cell
3</td></tr> 09.<tr><td>Row 2 Cell 2</td><td>Row 2 Cell
3</td></tr> 10.<tr><td colspan="3">Row
3 Cell 1</td></tr> 11.</table>
প্রদর্শন:
Cell padding এবং spacing
এখানে cellpadding বলতে
বোঝায় টেবিলের বর্ডার এবং টেবিলের মধ্যে ধারনকৃত অংশ (লেখা, সংখ্যা)
এর মধ্যে স্পেস (space) বা ফাকা অংশ এবং cellspacing বলতে বোঝায় টেবিলের
দুটি cell এর মধ্যে স্পেস(space)
বা ফাকা অংশ ।
01.<table border="1" cellspacing="10" 02.bgcolor="rgb(0,255,0)"> 03.<tr> 04.<th>Column 1</th> 05.<th>Column 2</th> 06.</tr> 07.<tr><td>Row 1 Cell 1</td><td>Row 1 Cell
2</td></tr> 08.<tr><td>Row 2 Cell 1</td><td>Row 2 Cell
2</td></tr> 09.</table>
প্রদর্শন:
1.<table border="1" cellpadding="10" bgcolor="rgb(0,255,0)"> 2.<tr> 3.<th>Column 1</th> 4.<th>Column 2</th> 5.</tr> 6.<tr><td>Row 1 Cell 1</td><td>Row 1 Cell
2</td></tr> 7.<tr><td>Row 2 Cell 1</td><td>Row 2 Cell
2</td></tr> 8.</table>
প্রদর্শন:
|
কোন মন্তব্য নেই:
একটি মন্তব্য পোস্ট করুন