HTML Table <table> ট্যাগ ব্যবহার করে একটি টেবিল তৈরি করতে ব্যবহৃত হয়। টেবিলে প্রতিটি সারি <tr> ট্যাগ ব্যবহার করে স্পেসিফাই করা হয় এবং একটি টেবিল হেডার <th> ট্যাগ ব্যবহার করে ডিফাইন করা হয়। একটি টেবিল ডেটা <td> ট্যাগ ব্যবহার করে ডিফাইন করা হয়।
সিনট্যাক্স
নিচে সিনট্যাক্স দেওয়া হলো:
<table> <tr> <th>Table Header</th> <th>Table Header</th> </tr> <tr> <td>Table data</td> <td>Table data</td> </tr> <tr> <td>Table data</td> <td>Table data</td> </tr> </table>
HTML টেবিল অ্যাট্রিবিউট
| অ্যাট্রিবিউট | ব্যাখ্যা |
|---|---|
| colspan | এটি একটি টেবিল সেলকে টেবিলের কলামের পারফল্য স্প্যান করতে ব্যবহৃত হয়। |
| rowspan | এটি একটি টেবিল সেলকে টেবিলের সারিগুলোর পারফল্য স্প্যান করতে ব্যবহৃত হয়। |
HTML caption এলিমেন্ট
আমরা HTML caption এলিমেন্ট ব্যবহার করে একটি টেবিলের জন্য ক্যাপশনও সেট করতে পারি।
সিনট্যাক্স
নিচে সিনট্যাক্স দেওয়া হলো:
<caption>text</caption>
উদাহরণ
HTML Tables-এর একটি উদাহরণ দেখা যাক:
<!DOCTYPE html> <html> <style> body { color: #000; height: 100vh; background-color: #8BC6EC; background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%); text-align: center; } table { margin: 2rem auto; width: 400px; } caption { color: #fff; font-size: 1.5rem; } </style> <body> <h1>HTML Tables</h1> <table border="2"> <caption>Student Data</caption> <tr> <th>নাম</th> <th>রোল নং.</th> </tr> <tr> <td>John</td> <td>031717</td> </tr> <tr> <td>Elon</td> <td>051717</td> </tr> </table> </body> </html>আউটপুট
