সৈয়দ আশিক মাহমুদ
প্রভাষক
২২ জানুয়ারি, ২০২৩ ১০:৩০ অপরাহ্ণ
Chapter 4 - Simple HTML Table Coding
ধরনঃ সাধারণ শিক্ষা
শ্রেণিঃ দ্বাদশ
বিষয়ঃ তথ্য ও যোগাযোগ প্রযুক্তি
অধ্যায়ঃ চতুর্থ অধ্যায়
এই ভিডিওতে দেখানো হয়েছে সিম্পল HTML Table Coding কিভাবে লেখা যায়ঃ
টেবিলের বিভিন্ন অংশ :
========================
১) ক্যাপশন (Caption) : এটি টেবিলের পরিচিতিমূলক নাম বহন করে। এটা দেখানো হয় <caption></caption> ট্যাগের মাধ্যমে
২) সারি (Row) : আনুভূমিক লাইন হলো টেবিলের সারি। এটা আমরা দেখাই <tr></tr>ট্যাগের মাধ্যমে
৩) কলাম (Column) : কলাম হলো উল্লম্ব লাইন।
৪) সেল (Cell) : কলাম ও সারির ফাঁকা অংশে তৈরি হওয়া বর্গ বা আয়তকে বলা হয় সেল।
৫) ডেটা (Data) : সেলের ভিতরের লেখাকে ডেটা বলে । এটা আমরা দেখাই <td></td> ট্যাগের মাধ্যমে
৬) হেডিং (Heading) : সাধারণত টেবিলের সারি/কলাম শিরোনামকে হেডিং বলে। হেডিং সাধারণত মোটা হরফে ও সেলের মাঝে থাকে। এটা আমরা দেখাই <th></th> ট্যাগের মাধ্যমে
বিস্তারিত এই ব্যাপারে
===================
Table তৈরির ট্যাগ ও অ্যাট্রিবিউটস :
============================
১. < table > ট্যাগ : একটি টেবিলকে নির্ধারণ করে। টেবিল তৈরির শুরুতে এবং শেষে এটি ব্যবহৃত হয়। অ্যাট্রিবিউটস-
★ border=”1″ এই অ্যাট্রিবিউটটি 100% ব্যবহার করতে হয় তা না হলে টেবিলের বর্ডার আসবে না।
★ bgcolor=”color name” যেমন- green, Blue ইত্যাদি। সম্পূর্ণ টেবিলের ব্যাকগ্রাউন্ড কালার হবে।
★ align=”text” যার ভ্যালু- left, right, center , টেবিলটি পেজের মাঝে, বামে, ডানে প্রদর্শিত হবে।
★ এছাড়া width, height, cellspacing, cellpadding ব্যবহৃত হতে পারে। ( এইচএসসি সট্টুডেন্ট দের তেমন একটা প্রয়োজন নেই)
২. <caption> ট্যাগ : টেবিলের নাম/পরিচয় নির্ধারণ করে।
৩. <tr> ট্যাগ : টেবিলের রো নির্ধারণ করে। অ্যাট্রিবিউটস-
★ align=”text” যার ভ্যালু- left, right, center রো-এর ভিতরের টেক্সট মাঝে, বামে, ডানে প্রদর্শিত হবে।
★ bgcolor=”color name” যেমন- green, Blue ইত্যাদি। নির্ধারিত রো-এর ব্যাকগ্রাউন্ড কালার হবে।
৪. <th> বা <td> ট্যাগ : টেবিলের সেল নির্ধারণ করে। টেবিল হেডিং এর ক্ষেত্রে < th > এবং টেবিল ডেটার ক্ষেত্রে < td > ব্যবহৃত হয়। অ্যাট্রিবিউটস-
★ align=”text” যার ভ্যালু- left, right, center, top, bottom সেল-এর ভিতরের টেক্সট মাঝে, বামে, ডানে প্রদর্শিত হবে।
★ bgcolor=”color name” যেমন- green, Blue ইত্যাদি। নির্ধারিত সেল-এর ব্যাকগ্রাউন্ড কালার হবে।
★ colspan=”number” যার ভ্যালু- 1, 2, 3 ইত্যাদি। একাধিক কলামকে একত্রিত করে।
★ rowspan=”number” যার ভ্যালু- 1, 2, 3 ইত্যাদি। একাধিক রো-কে একত্রিত করে।
★ এছাড়া width, height ব্যবহৃত হতে পারে।
মন্তব্য করুন
