টেবিল



ওয়েব পেজে বিভিন্ন তথ্য বা উপাত্ত সুন্দর ভাবে ছক বা টেবিল আকারে উপস্থাপনের জন্য টেবিল তৈরি করা হয়। এছাড়া ওয়েব পেজের লেআউট তৈরি করার জন্যও টেবিল ব্যবহার করা হয়।
টেবিল প্রদর্শন করার জন্য <table>...</table> ট্যাগ ব্যবহার করা হয়।


টেবিল

ওয়েব পেজে টেবিল তৈরি করার জন্য টেবিল ট্যাগ অর্থাৎ <table>...</table> ট্যাগ ব্যবহার করা হয়। কিন্তু একটি পরিপূর্ণ টেবিল তৈরি করার জন্য টেবিল ট্যাগের সাথে আরও কিছু ট্যাগ ব্যবহার করা হয়। ট্যাগ গুলো হল -

♦ <tr>...</tr> [এই ট্যাগ সারি বা row দ্বারা তৈরি করা হয়]
♦ <th>...</th> [এই ট্যাগ দ্বারা সারিকে কলামে ভাগ করে এবং ডাটা ইনপুট করা হয়]
♦ <td>...</td> [এই ট্যাগ দ্বারা সারির হেডিং দেয়া হয়]
এই ট্যাগ গুলোর শেষ ট্যাগ অপশনাল। সবগুলো ট্যাগ ব্যবহার করে নীচে একটি উদাহরণ দেয়া হল -

উদাহরণ দেখুন

<table border="1">
<td>Teble Heading</td>
<tr>
<th>Name</th>
<th>Address</th>
<th>Number</th>
</tr>
<tr>
<th>Ms. Tuli</th>
<th>Bangladesh</th>
<th>0123456789</th>
</tr>
</table>


এখানে <tr> ট্যাগ দ্বারা টেবিলে সারি বা row তৈরি করা হয়েছে, <th> ট্যাগ দ্বারা প্রতিটি সারিতে কলাম তৈরি করা হয়েছে এবং <td> ট্যাগ দ্বারা টেবিলে হেডিং তৈরি করা হয়েছে।


টেবিল এট্রিবিউট

টেবিলকে আকর্ষণীয় করে ডিজাইন করার জন্য যে সকল এট্রিবিউট ব্যবহার করা হয় সেগুলো হল - border, align, width, cellspacing, cellpadding এবং bgcolor নীচে এগুলোর কয়েকটির বর্ণনা দেয়া হল।


বর্ডার এট্রিবিউট

কোন সময় আপনি যদি বর্ডার এট্রিবিউট নির্দিষ্ট করে না দেন তবে ব্রাউজার আপনাকে বর্ডার ছাড়াই টেবিল প্রদর্শন করবে। বর্ডার এট্রিবিউট ব্যবহার করে নীচে একটি উদাহরন দেখুন -

উদাহরণ দেখুন

<table border="1">
<tr>
<td>Row 1, cell 1</td>
<td>Row 1, cell 2</td>
</tr>
</table>




align এট্রিবিউট

স্বাভাবিকভাবে কোন টেবিল ওয়েব সাইটের বাম দিকে প্রদর্শিত হয়, কিন্তু আপনি চাইলে টেবিলটিকে ওয়েব সাইটের ডান দিকে বা মাঝখানে প্রদর্শন করতে পারেন। align এট্রিবিউট ব্যবহার করে আপনি টেবিল ডানে, বামে বা মাঝখানে প্রদর্শন করতে পারবেন। align এট্রিবিউট লেখার নিয়মটি হল -

<table align="value">
</table>


এখানে value হিসেবে আপনি left,right বা center ব্যবহার করতে পারেন।
নীচে একটি উদাহরণ দেখুন -

উদাহরণ দেখুন

<table align="center">
<tr>
<td>Row 1, cell 1</td>
<td>Row 1, cell 2</td>
</tr>
</table>


নোট - ডিফল্ট হিসেবে কোন টেবিল ওয়েব সাইটের বাম দিকে প্রদর্শিত হয়।







এই ওয়েব সাইট এর সমস্ত টিউটোরিয়াল, সার্কিট ডায়াগ্রাম, উদাহরণ ইত্যাদি খুব সহজ ও সাধারণ ভাবে তৈরি করা হয়েছে। টিউটোরিয়াল, সার্কিট ডায়াগ্রাম, উদাহরণ ইত্যাদির ভুল পরিহার করার জন্য বার বার যাচাই করা হয়েছে, কিন্তু আমরা এর পূর্ণ নিশ্চয়তা ও দায়ভার বহন করি না। যখন আপনি এই সাইটটি ব্যবহার করেন, আমরা ধরে নেই যে আপনি পড়েছেন এবং সম্মত আছেন আমাদের টার্মস অফ ইউস (Terms of use) এবং প্রাইভেসি পলিসি( Privacy policy) সম্পর্কে।

Copyright 2016-2018 by websschool.com, All Rights Reserved.