Networking >> Lesson-21
TABLE ট্যাগের কাজ
HTML ডকুমেন্টে টেবিল তৈরি করতে প্রথমে যে ট্যাগ ব্যবহার করা হয় তা টেবিল ট্যাগ । টেবিলের সমস্ত তথ্য
……
ট্যাগের মধ্যে থাকে।
টেবিল ট্যাগের মধ্যে তিনটি প্রধান ট্যাগ হল –
- – টেবিলে নুতন রো (Row) তৈরির জন্য ব্যবহৃত হয় ।
- – টেবিলে কলাম গুলির হেডিং দেওয়ার জন্য ব্যবহৃত হয় ।
- – টেবিলে প্রতি সেলের মান (Value) দেওয়ার জন্য ব্যবহৃত হয় ।
- – টেবিলের ক্যাপশন দেওয়ার জন্য এই ট্যাগ ব্যবহৃত হয় ।
টেবিল সৌন্দ্রর্য বৃদ্ধির জন্য ব্যবহৃত বিভিন্ন অ্যাট্রিবিউট (Attribute)
BORDER – টেবিলের বর্ডারের চওড়া বাড়ানোর জন্য ব্যবহৃত হয় ।
যেমন –
BORDERCOLOR – টেবিলের বর্ডারের রং দেওয়ার জন্য এই অ্যাট্রিবিউট ব্যবহৃত হয় ।
যেমন –
BGCOLOR – টেবিলের ব্যাকগ্রাউন্ডের রং দেওয়ার জন্য এই অ্যাট্রিবিউট ব্যবহৃত হয় ।
যেমন –
CELLSPACING – টেবিলের সেল গুলির মধ্যে কতটা ফাঁকা স্থান থাকবে তা দেওয়ার জন্য এই অ্যাট্রিবিউট ব্যবহৃত হয় ।
যেমন –
CELLPADDING – টেবিলের সেল গুলির দেওয়াল বা সেলগুলি কতটা বড়ো হবে তা দেওয়ার জন্য এই অ্যাট্রিবিউট ব্যবহৃত হয় ।
যেমন –
HEIGHT – সমস্ত টেবিলের দৈর্ঘ্য পরিবর্তনের জন্য এই অ্যাট্রিবিউট ব্যবহৃত হয় ।
যেমন –
WIDTH – সমস্ত টেবিলের প্রস্ত পরিবর্তনের জন্য এই অ্যাট্রিবিউট ব্যবহৃত হয় ।
যেমন –
COLSPAN – টেবিলের পাশাপাশি দুই বা ততোধিক সেল কে একটি সেলে পরিনত করার জন্য এই অ্যাট্রিবিউট ব্যবহৃত হয় ।
যেমন –
ROWSPAN – টেবিলের ওপর-নীচে দুই বা ততোধিক সেল কে একটি সেলে পরিনত করার জন্য এই অ্যাট্রিবিউট ব্যবহৃত হয় ।
যেমন –
VALIGN – সেলের ডেটাগুলি সেলের মধ্যে বিভিন্ন অ্যালাইনমেন্টে সাজানোর এই অ্যাট্রিবিউট ব্যবহৃত হয় । এটি
বা
ট্যাগের সাথে ব্যবহৃত হয় ।
নিচের টেবিলটি তৈরি করার HTML কোড দেওয়া হলঃ-

<!– <HTML>
<HEAD>
<TITLE> Use of Table Tag </TITLE>
</HEAD>
<BODY>
<TABLE ALIGN=CENTER BORDER=2 BGCOLOR=PINK BORDERCOLOR=RED CELLSPACING=4 CELLPADDING=4 HEIGHT = 50% WIDTH = 50%>
<TR>
<TH>ROll </TH>
<TH>Name </TH>
<TH>City </TH>
<TH>Marks </TH>
</TR>
<TR>
<TD>1 </TD>
<TD>A.Das </TD>
<TD>Jiaganj </TD>
<TD>450 </TD>
</TR>
<TR>
<TD>2 </TD>
<TD>B. Dutta </TD>
<TD>Berhampore </TD>
<TD>440 </TD>
</TR>
</tABLE>
</BODY>
</HTML>
–>
COLSPAN এর ব্যবহার
COLSPAN – টেবিলের পাশাপাশি দুই বা ততোধিক সেল কে একটি সেলে পরিনত করার জন্য এই অ্যাট্রিবিউট ব্যবহৃত হয় ।যেমন –

<!– <HTML>
<HEAD>
<TITLE> Use of Table Tag </TITLE>
</HEAD>
<BODY>
<TABLE ALIGN=CENTER BORDER=2 BGCOLOR=PINK BORDERCOLOR=RED CELLSPACING=4 CELLPADDING=4 HEIGHT = 25% WIDTH = 25%>
<TR>
<TH colspan=5> Mark Sheet</TH>
</TR>
<TR>
<TH>ROll </TH>
<TH>Name </TH>
<TH>City </TH>
<TH>Marks </TH>
</TR>
<TR>
<TD>1 </TD>
<TD>A.Das </TD>
<TD>Jiaganj </TD>
<TD>450 </TD>
</TR>
<TR>
<TD>2 </TD>
<TD>B. Dutta </TD>
<TD>Berhampore </TD>
<TD>440 </TD>
</TR>
</tABLE>
</BODY>
</HTML>
ROWSPAN এর ব্যবহার
ROWSPAN – টেবিলের ওপর-নীচে দুই বা ততোধিক সেল কে একটি সেলে পরিনত করার জন্য এই অ্যাট্রিবিউট ব্যবহৃত হয় ।

<!– <HTML>
<HEAD>
<TITLE> Use of Table Tag </TITLE>
</HEAD>
<BODY>
<TABLE ALIGN=CENTER BORDER=2 BGCOLOR=PINK BORDERCOLOR=RED CELLSPACING=4 CELLPADDING=4 HEIGHT = 25% WIDTH = 25%>
<TR>
<TH colspan=5> Mark Sheet</TH>
</TR>
<TR>
<TH rowspan=4> Mark Sheet</TH>
</TR>
<TR>
<TH>ROll </TH>
<TH>Name </TH>
<TH>City </TH>
<TH>Marks </TH>
</TR>
<TR>
<TD>1 </TD>
<TD>A.Das </TD>
<TD>Jiaganj </TD>
<TD>450 </TD>
</TR>
<TR>
<TD>2 </TD>
<TD>B. Dutta </TD>
<TD>Berhampore </TD>
<TD>440 </TD>
</TR>
</tABLE>
</BODY>
</HTML>
