মোঃ তাহমিদ রহমান
প্রভাষক
০১ জুলাই, ২০২৩ ১২:৫২ অপরাহ্ণ
HTML Table তৈরি।
ধরন: সাধারণ শিক্ষা
শ্রেণি: একাদশ
বিষয়: তথ্য ও যোগাযোগ প্রযুক্তি
অধ্যায়: চতুর্থ অধ্যায়
HTML Table তৈরি।
ওয়েবপেইজ বা ওয়েবসাইট তৈরি করার উদ্দেশ্যই হল বিশ্বব্যাপী কোন তথ্য উপস্থাপন করা। এক্ষেত্রে অনেকসময় বিভিন্ন উপাত্ত এবং তথ্য সারণি বা টেবিল আকারে উপস্থাপন করার প্রয়োজন হয়। টেবিলের বিভিন্ন এলিমেন্টসমূহ-
·
HTML টেবিল তৈরি করার জন্য
<table>…</table> ট্যাগ ব্যবহৃত হয়। একটি টেবিলের সকল উপাদানগুলো
<table>…</table> ট্যাগ এর মধ্যে থাকে।
·
প্রতিটি টেবিলে ঐচ্ছিক উপাদান হিসেবে টেবিলের উপরে ক্যাপশন থাকতে পারে। ক্যাপশন লেখার জন্য <caption>–</caption>
ট্যাগ ব্যবহৃত হয়।
·
টেবিলের প্রতিটি সারি (row) তৈরি করার জন্য <tr>…</tr> ট্যাগ ব্যবহার করা হয়। উপরের টেবিলে তিনটি সারি(row) রয়েছে যেখানে প্রথম, দিতীয় ও তৃতীয় সারিতে তিনটি করে সেল(cell) রয়েছে। অর্থাৎ সারি(row) এর মধ্যে সেলগুলো(cell) লিখা হয়।
·
টেবিলে দুই ধরণের সেল(cell) থাকে। এক ধরণের সেল(cell) এ টেবিল হেডার থাকে এবং অপর ধরণের সেল(cell) এ টেবিল ডেটা থাকে।
·
টেবিলের হেডার সেল তৈরি করার জন্য <th>…</th> ট্যাগ এবং ডেটা/অবজেক্ট সেল তৈরি করার জন্য <td>…</td> ট্যাগ ব্যবহার করা হয়। <th>…</th> এবং <td>…</td> ট্যাগ দুইটি সবসময় <tr>…</tr> ট্যাগের মধ্যে ব্যবহৃত হয়।
·
টেবিল হেডার বাই-ডিফল্ট বোল্ড হয় এবং সেলের কেন্দ্রে(centered) থাকে অপরদিকে টেবিল ডেটা বাই-ডিফল্ট নরমাল এবং সেলের বামে(left aligned) থাকে।
<TABLE> ট্যাগের অ্যাট্রিবিউট
<tr> ট্যাগের অ্যাট্রিবিউট
<td> ট্যাগের অ্যাট্রিবিউট
<td>,<th> ও <tr>
ট্যাগের "valign" অ্যাট্রিবিউট
টেবিলের সেল এর কনটেন্ট উল্লম্ব বরাবর অবস্থান নির্ধারণে valign অ্যাট্রিবিউট ব্যবহৃত হয়।
Syntax:
<tag_name
valign = “top | middle | bottom | baseline”>
নিচের টেবিলটি ওয়েবপেইজে প্রদর্শনের জন্য প্রয়োজনীয় HTML কোডটি দেখ।
<html>
<body>
<table
border="1">
<Caption>Horizontal
headers</Caption>
<tr>
<th>Name</th>
<th>Mobile</th>
<th>Email</th>
</tr>
<tr>
<td>Mizan</td>
<td>01724351470</td>
<td>[email protected]</td>
</tr>
<tr>
<td>Amir</td>
<td>01918038095</td>
<td>[email protected]</td>
</tr>
</table>
</body>
</html>