HTML Code ব্যবহার করে টেবিল (Table) তৈরি করবেন যেভাবে।
আসসালাসু আলাইকুম।আপনারা কেমন আছেন?
তো আমরা গত পর্বে শিখেছি যে ( HTML ইমেজ <img> ট্যাগ ব্যবহৃত বিভিন্ন অ্যাট্রিবিউট দেখে নিন। ) আর আজকে যে বিষয় নিয়ে আলোচনা করব সেটি হলো ( HTML Code ব্যবহার করে টেবিল (Table) তৈরি করবেন যেভাবে। ) তো চলেন দেরি না করে শুরু করা যাক।
ভিন্ন ধরনের কোনো বৃহৎ আকারের ডেটাকে সারিবদ্ধভাবে বা ছকবদ্ধভাবে প্রকাশের পদ্ধতিই হলো টেবিল। সাধারণত ওয়েব পেইজের তথ্যকে সারি এবং কলাম আকারে বিন্যস্ত করে প্রদর্শনের জন্য টেবিল ব্যবহৃত হয়। HTML - এর টেবিল তৈরিতে <table> ট্যাগ ব্যবহৃত হয়। আর টেবিল সারি বা তৈরির জন্য <tr> এবং ডেটা সেল তৈরির জন্য <td> ট্যাগ ব্যবহৃত হয়
টেবিলে ব্যবহৃত বিভিন্ন ট্যাগসমূহঃ
১,<table> ট্যাগেরর কাজ হলো- একটি টেবিলকে নির্ধারণ করে।
২,<th> ট্যাগেরর কাজ হলো- টেবিলের হোডারকে নির্ধারণ করে।
৩,<tr> ট্যাগেরর কাজ হলো- টেবিলের রো নির্ধারণ করে।
৪,<td> ট্যাগেরর কাজ হলো- টেবিলের সেল নির্ধারণ করে।
৫,<caption> ট্যাগেরর কাজ হলো- টেবিলের ক্যাপশন নির্ধারণ করে অথবা পরিচিতিমুলক বর্ণনা নির্দেশ করে।
৬,<col> ট্যাগেরর কাজ হলো- টেবিলের মধ্যে থাকা এক বা একাধিক কলামের জন্য অ্যাট্রিবিউট ভ্যালু নির্ধারণ করে।
৭, <thead> ট্যাগেরর কাজ হলো-টেবিলের হেড নির্ধারণ করে।
৮,<tbody> ট্যাগেরর কাজ হলো- টেবিলের বডি নির্ধারণ করে।
৯,<tfoot> ট্যাগেরর কাজ হলো- টেবিলের ফুটার নির্ধারণ করে।
উদাহরণঃ বিজ্ঞান বিভাগের তাহমিনা,ব্যবসায় শিক্ষা বিভাগের মরিয়াম ও মানবিক বিভাগের মজিদুল (আমি)। খোলাহাটি অনার্স কলেজে অধ্যায়নরত। তাদের রোল নম্বরসমূহ 59,50,ও 60। এই তথ্য সমূহ তিনটি রো ও তিনটি কলাম বিশিষ্ট টেবিলে প্রদর্শনের জন্য একটি HTML ভাষার প্রোগ্রাম লিখ।
সমাধানঃ
<html>
<head>
<title> Kholahati Honors College </title> </head>
<body>
<table border = "2">
<tr> <th> Name </th> <th> Group </th> <th> Roll </th> </tr>
<tr> <th> Mojidul </th> <th> Humanities </th> <th> 59 </th> </tr>
<tr> <th> Tahmina </th> <th> Science </th> <th> 50 </th> </tr>
<tr> <th> Moriom </th> <th> Commerce </th> <th> 60 </th> </tr>
</table>
</body>
</html>
ফলাফলঃ যে কোন ব্রাউজার সফ্টওয়্যার (internet Explorer/Mozilla Firefox)ব্যবহার করে ফাইলটি রান করলেই আউটপুট পাওয়া যাবে।
আজকে এই পর্যন্তই, আবার কোন একদিন দেখা হবে ইনশাআল্লাহ্ , HTMLবা ওয়েব ডিজাইন কোন পোস্ট নিয়ে। আপাততো সবাই ভালো থাকুন, সুস্থ থাকুন। আল্লাহ্র কাছে সবসময় এই দোয়াই করি। আল্লাহ্ হাফেজ…
আসসালাসু আলাইকুম।আপনারা কেমন আছেন?
তো আমরা গত পর্বে শিখেছি যে ( HTML ইমেজ <img> ট্যাগ ব্যবহৃত বিভিন্ন অ্যাট্রিবিউট দেখে নিন। ) আর আজকে যে বিষয় নিয়ে আলোচনা করব সেটি হলো ( HTML Code ব্যবহার করে টেবিল (Table) তৈরি করবেন যেভাবে। ) তো চলেন দেরি না করে শুরু করা যাক।
ভিন্ন ধরনের কোনো বৃহৎ আকারের ডেটাকে সারিবদ্ধভাবে বা ছকবদ্ধভাবে প্রকাশের পদ্ধতিই হলো টেবিল। সাধারণত ওয়েব পেইজের তথ্যকে সারি এবং কলাম আকারে বিন্যস্ত করে প্রদর্শনের জন্য টেবিল ব্যবহৃত হয়। HTML - এর টেবিল তৈরিতে <table> ট্যাগ ব্যবহৃত হয়। আর টেবিল সারি বা তৈরির জন্য <tr> এবং ডেটা সেল তৈরির জন্য <td> ট্যাগ ব্যবহৃত হয়
টেবিলে ব্যবহৃত বিভিন্ন ট্যাগসমূহঃ
১,<table> ট্যাগেরর কাজ হলো- একটি টেবিলকে নির্ধারণ করে।
২,<th> ট্যাগেরর কাজ হলো- টেবিলের হোডারকে নির্ধারণ করে।
৩,<tr> ট্যাগেরর কাজ হলো- টেবিলের রো নির্ধারণ করে।
৪,<td> ট্যাগেরর কাজ হলো- টেবিলের সেল নির্ধারণ করে।
৫,<caption> ট্যাগেরর কাজ হলো- টেবিলের ক্যাপশন নির্ধারণ করে অথবা পরিচিতিমুলক বর্ণনা নির্দেশ করে।
৬,<col> ট্যাগেরর কাজ হলো- টেবিলের মধ্যে থাকা এক বা একাধিক কলামের জন্য অ্যাট্রিবিউট ভ্যালু নির্ধারণ করে।
৭, <thead> ট্যাগেরর কাজ হলো-টেবিলের হেড নির্ধারণ করে।
৮,<tbody> ট্যাগেরর কাজ হলো- টেবিলের বডি নির্ধারণ করে।
৯,<tfoot> ট্যাগেরর কাজ হলো- টেবিলের ফুটার নির্ধারণ করে।
উদাহরণঃ বিজ্ঞান বিভাগের তাহমিনা,ব্যবসায় শিক্ষা বিভাগের মরিয়াম ও মানবিক বিভাগের মজিদুল (আমি)। খোলাহাটি অনার্স কলেজে অধ্যায়নরত। তাদের রোল নম্বরসমূহ 59,50,ও 60। এই তথ্য সমূহ তিনটি রো ও তিনটি কলাম বিশিষ্ট টেবিলে প্রদর্শনের জন্য একটি HTML ভাষার প্রোগ্রাম লিখ।
সমাধানঃ
<html>
<head>
<title> Kholahati Honors College </title> </head>
<body>
<table border = "2">
<tr> <th> Name </th> <th> Group </th> <th> Roll </th> </tr>
<tr> <th> Mojidul </th> <th> Humanities </th> <th> 59 </th> </tr>
<tr> <th> Tahmina </th> <th> Science </th> <th> 50 </th> </tr>
<tr> <th> Moriom </th> <th> Commerce </th> <th> 60 </th> </tr>
</table>
</body>
</html>
ফলাফলঃ যে কোন ব্রাউজার সফ্টওয়্যার (internet Explorer/Mozilla Firefox)ব্যবহার করে ফাইলটি রান করলেই আউটপুট পাওয়া যাবে।
আজকে এই পর্যন্তই, আবার কোন একদিন দেখা হবে ইনশাআল্লাহ্ , HTMLবা ওয়েব ডিজাইন কোন পোস্ট নিয়ে। আপাততো সবাই ভালো থাকুন, সুস্থ থাকুন। আল্লাহ্র কাছে সবসময় এই দোয়াই করি। আল্লাহ্ হাফেজ…