টেবিল – Tables
VIDEO - টেবিল - Tables
TEXT - টেবিল - Tables
HTML-এ টেবিল (table) তৈরি করতে <table>
ট্যাগ ব্যবহার করা হয়। একটি HTML টেবিল কলাম ও সারিতে (row এবং column) তথ্য প্রদর্শন করে। প্রতিটি টেবিলের মধ্যে থাকে সারি (<tr>
ট্যাগ), এবং প্রতিটি সারির মধ্যে বিভিন্ন ঘর বা কক্ষ থাকে যেগুলো কলাম তৈরি করে।
টেবিল তৈরির জন্য মূল HTML ট্যাগগুলি হল:
<table>
- পুরো টেবিলের জন্য ব্যবহৃত হয়।<tr>
- টেবিলের একটি সারি বা রো তৈরির জন্য ব্যবহৃত হয়।<th>
- টেবিলের হেডার ঘর তৈরি করতে ব্যবহৃত হয়।<td>
- টেবিলের ডাটা বা তথ্য সংরক্ষণ করতে ব্যবহৃত হয়।
HTML টেবিলের কিছু অতিরিক্ত এট্রিবিউট
colspan
: কোনো ঘরকে একাধিক কলাম জুড়ে প্রসারিত করতে ব্যবহৃত হয়।rowspan
: কোনো ঘরকে একাধিক সারি জুড়ে প্রসারিত করতে ব্যবহৃত হয়।cellpadding
: প্রতিটি ঘরের অভ্যন্তরে প্যাডিং নির্ধারণ করে।cellspacing
: টেবিল ঘরগুলির মধ্যে দূরত্ব নির্ধারণ করে।
VIDEO - MCQ বহুনির্বাচনি
জ্ঞানমূলক ও অনুধাবন
HTML-এ টেবিল তৈরির জন্য কোন ট্যাগটি ব্যবহার করা হয়?
<table>
ট্যাগ।
টেবিলের শিরোনামের জন্য কোন ট্যাগটি ব্যবহৃত হয়?
<th>
ট্যাগ।
ট্যাগ ব্যবহার করলে এর ডিফল্ট স্টাইল কেমন হয়?
<th>
ডিফল্টভাবে bold এবং text-align থাকে।
টেবিলের মধ্যে সেলগুলোর ফাঁকা স্থান নির্ধারণ করতে কোন অ্যাট্রিবিউটটি ব্যবহৃত হয়?
cellspacing
অ্যাট্রিবিউট।
টেবিলের সেলের ভিতরের ডেটা এবং সেলের সীমানার মধ্যে দূরত্ব নির্ধারণ করতে কোন অ্যাট্রিবিউট ব্যবহার করা হয়?
cellpadding
অ্যাট্রিবিউট।
একটি সেলকে একাধিক কলাম জুড়ে তৈরি করতে কোন অ্যাট্রিবিউটটি ব্যবহার করা হয়?
colspan
অ্যাট্রিবিউট।
একটি সেলকে একাধিক সারি জুড়ে তৈরি করতে কোন অ্যাট্রিবিউট ব্যবহার করা হয়?
rowspan
অ্যাট্রিবিউট।
কেন HTML টেবিল ব্যবহৃত হয়?
HTML টেবিল ডেটাকে গুছিয়ে ছকাকারে উপস্থাপন করার জন্য ব্যবহৃত হয়, যা ডেটা পড়া এবং বিশ্লেষণ করা সহজ করে।
এবং ট্যাগের মধ্যে পার্থক্য কী?
<th>
ট্যাগ শিরোনামের জন্য ব্যবহার হয় এবং এটি সাধারণত bold ও center-aligned হয়, অন্যদিকে <td>
সাধারণ ডেটার জন্য ব্যবহৃত হয়।
border="1" অ্যাট্রিবিউটটি HTML টেবিলে কী পরিবর্তন আনে?
এটি টেবিলের সীমানা (Border) দৃশ্যমান করে।
colspan ব্যবহার না করলে কী ধরনের সমস্যা হতে পারে?
যদি একটি সেল একাধিক কলাম জুড়ে প্রসারিত করতে হয় এবং colspan
ব্যবহার না করা হয়, তবে সঠিক বিন্যাস নষ্ট হবে।
CSS দিয়ে টেবিল স্টাইল করার সুবিধা কী?
CSS দিয়ে টেবিল স্টাইল করলে এটি দেখতে আকর্ষণীয় হয় এবং ব্যবহারকারীর অভিজ্ঞতা বাড়ে।
rowspan এবং colspan একসাথে ব্যবহারের প্রভাব কী হতে পারে?
একটি সেলকে একাধিক সারি এবং কলাম জুড়ে প্রসারিত করা সম্ভব হয়, যা জটিল বিন্যাস তৈরি করতে সাহায্য করে।
HTML টেবিল ব্যবহারের ক্ষেত্রে কোন ক্ষেত্রে caption ট্যাগ গুরুত্বপূর্ণ?
যখন টেবিলের বিষয়বস্তু বোঝানোর জন্য একটি শিরোনাম বা ব্যাখ্যা প্রয়োজন হয়।
টেবিলের মধ্যে প্রতিটি সেলের মাঝে সমান ফাঁকা স্থান নিশ্চিত করতে কী ব্যবহার করা হয়?
cellspacing
অ্যাট্রিবিউট।