Earn For Tricks

টিউনারপেজের “ছিন্নমূল কর্মসূচী” এক অনন্য মানবিকতা সুলভ দৃষ্টিভঙ্গির অনন্য স্বার্থক দৃষ্টান্ত । এই কাজে টিউনারপেজের সফলতা আশা করে আজকের টিউটোরিয়ালটি শুরু করছি ।আমার আগের টিউটোরিয়াল গুলো লিংক নিচে রয়েছে ,বুঝতে অসুবিধা হলে আগের লিংক গুলো দেখে নিন নতুবা মন্তব্য বাক্সে মন্তব্যের মাধ্যমে জানান ।আমার আজকের অলোচ্য বিষয় হল  html-এর Table  ট্যাগ ।
Table Tag:-
ওয়েবপেজের মধ্যে কোন ছক বা Table তৈরি করতে ব্যবহার হয় এই ট্যাগটি ।Table Tag-টি <tr> Tag-এর মাধ্যমে ছকের মধ্যে সারি(row) এবং <td> Tag-এর মাধ্যমে ছকের মধ্যে স্তম্ভ(Column or Cell) তৈরি করে । টেবিল ট্যাগটিতে কতগুলি বিশেষ Attributes-ও ব্যবহার করা যায় ।Attributes গুলি হল border,cellspacing,cellpadding ইত্যাদি ।

এর প্রাথমিক গঠন

ইনপুট কোড	ব্রাউজারে আউটপুট
<table border=”2″> <tr><td>১ম সারি,১ম স্তম্ভ </td><td>১ম সারি,২য় স্তম্ভ </td><td>১ম সারি,৩য় স্তম্ভ </td></tr> <tr><td>২য় সারি,১ম স্তম্ভ </td><td>২য় সারি,২য় স্তম্ভ </td><td>২য় সারি,৩য় স্তম্ভ </td></tr> </table>	১ম সারি,১ম স্তম্ভ ১ম সারি,২য় স্তম্ভ ১ম সারি,৩য় স্তম্ভ ২য় সারি,১ম স্তম্ভ ২য় সারি,২য় স্তম্ভ ২য় সারি,৩য় স্তম্ভ

border,cellspacing,cellpadding Attributes-গুলির মান হয় কোন একটি পূর্ণাঙ্গ গানিতিক মান ।border Attribute-টি ছকের বহিঃরেখা নির্দেশ করে ।cellspacing আর cellpadding Attribute-দুটি ছক-মধ্যস্হ লেখার মধ্যে ব্যবধান তৈরি করে ।এছাড়াও  <td> tag-টির জন্য কিছু বিশেষ Attributes আছে ।যেমন  rowspan,colspan । rowspan Attribute-টি সারিকে সংকুচিত করে আর colspan Attribute-টি স্তম্ভকে সংকুচিত করে ।ছকের মধ্যে কোন লেখাকে শিরোনাম হিসেবে ব্যবহার করার জন্য সেই সারির <td> গুলিকে <th> লিখতে হয় ।প্রসঙ্গত উল্লেখ্য যে tr-এর অর্থ  Table Row, td-এর অর্থ Table Data, th-এর অর্থ Table Heading ।
যেমন

ইনপুট কোড	ব্রাউজারে আউটপুট
<table border=”1″ cellspacing=”3″ cellpadding=”4″> <tr><th bgcolor=”red”>১ম স্তম্ভ</th><th>২য় স্তম্ভ</th><th>৩য় স্তম্ভ</th></tr> <tr><td rowspan=”2″>১ম সারি, ১ম স্তম্ভ</td><td>১ম সারি,২য় স্তম্ভ</td><td>১ম সারি, ৩য় স্তম্ভ</td></tr> <tr><td>২য় সারি,২য় স্তম্ভ</td><td>২য় সারি, ৩য় স্তম্ভ</td></tr> <tr bgcolor=”green”><td colspan=”3″> ৩য় সারি, ১ম স্তম্ভ</td></tr></table>	১ম স্তম্ভ ২য় স্তম্ভ ৩য় স্তম্ভ ১ম সারি, ১ম স্তম্ভ ১ম সারি,২য় স্তম্ভ ১ম সারি, ৩য় স্তম্ভ ২য় সারি,২য় স্তম্ভ ২য় সারি, ৩য় স্তম্ভ ৩য় সারি, ১ম স্তম্ভ

নিচের উদাহরণটি নিজে করার চেষ্টা করুন