টেবিল হল Horizontal সারি এবং vertical কলামের বিন্যাস। এটা tabular
data প্রদর্শনের ক্ষেত্রে অনেক গুরুত্বপুর্ন। ডকুমেন্টের এলিমেন্ট
নিয়ন্ত্রনের জন্য ওয়েব ডিজাইনারদের কাছে এটা আরো বেশি গুরুত্বপুর্ন ।
সারি এবং কলামের ইন্টারসেকশনকে cell বলে। সকল এইচটিএমএল টেবিল
<table> ট্যাগ দিয়ে শুরু হয় এবং </table> ট্যাগ দিয়ে শেষ
হয়।
১.<tr> ট্যাগ Horizontal সারি নিদের্শ করে।
২ <td> ট্যাগ ঐ Horizontal সারির data cell নিদের্শ করে।
৩ <th> ট্যাগ data cell এর টেবিল heading হিসাবে কাজ করে।
৪ <tfoot> ট্যাগ টেবিলের footer যোগ করার জন্য ব্যবহার হয়।
প্রদর্শন:
প্রদর্শন:
প্রদর্শন:
প্রদর্শন:
১.<tr> ট্যাগ Horizontal সারি নিদের্শ করে।
২ <td> ট্যাগ ঐ Horizontal সারির data cell নিদের্শ করে।
৩ <th> ট্যাগ data cell এর টেবিল heading হিসাবে কাজ করে।
৪ <tfoot> ট্যাগ টেবিলের footer যোগ করার জন্য ব্যবহার হয়।
প্রদর্শন:
|
অনেকগুলো সারি এবং কলামের বিস্তার:
Rowspan ব্যাবহার করে অনেকগুলো সারির বিস্তার এবং colspan ব্যাবহার করে অনেকগুলো কলামের বিস্তার করা হয়। আপনি যদি কলামের header দিতে চান তাহলে <th> ট্যাগ ব্যাবহার করতে হবে। <th> ট্যাগ ব্যাবহার করলে default হিসাবে header টি বোল্ড আকারে দেখাবে।প্রদর্শন:
| Row 1 Cell 1 | Row 1 Cell 2 |
| Row 2 Cell 1 | Row 2 Cell 2 |
Cell padding এবং spacing
এখানে cellpadding বলতে বোঝায় টেবিলের বর্ডার এবং টেবিলের মধ্যে ধারনকৃত অংশ (লেখা, সংখ্যা) এর মধ্যে স্পেস (space) বা ফাকা অংশ এবং cellspacing বলতে বোঝায় টেবিলের দুটি cell এর মধ্যে স্পেস(space) বা ফাকা অংশ ।প্রদর্শন:
| Column 1 | Column 2 |
| Row 1 Cell 1 | Row 1 Cell 2 |
| Row 2 Cell 1 | Row 2 Cell 2 |
প্রদর্শন:
| Column 1 | Column 2 |
| Row 1 Cell 1 | Row 1 Cell 2 |
| Row 2 Cell 1 | Row 2 Cell 2 |
কোন মন্তব্য নেই:
একটি মন্তব্য পোস্ট করুন
“প্রযুক্তিকে ভালবাসুন, প্রযুক্তির সাথে থাকুন সবসময়, প্রযুক্তির আলো ছড়িয়ে দিন বিশ্বময়”