একটি টেবিল-হেডার গ্রুপ কি?
সিএসএস-এ, ' টেবিল-হেডার গ্রুপ ' এর মাধ্যমে টেবিলের হেডার প্রদর্শন করতে ব্যবহৃত হয় ট্যাগ শিরোনামটি একটি উল্লম্ব কলামের প্রথম এন্ট্রির সাথে মিলে যায়। এটি টেবিল এন্ট্রি সম্পর্কে তথ্য নির্দিষ্ট করে। প্রয়োজনে শিরোনামটি একাধিক কলামও ছড়িয়ে দিতে পারে। CSS-এ একটি টেবিল-কলাম গ্রুপ তৈরি করে এটি করা যেতে পারে।
উদাহরণ নিম্নলিখিত পদক্ষেপগুলি কীভাবে একটি টেবিল-হেডার তৈরি করতে হয় তা ব্যাখ্যা করে: আউটপুট দ্য ' টেবিল-ফুটার গ্রুপ 'এর সাহায্যে CSS এ একটি টেবিলের ফুটার প্রদর্শন করতে ব্যবহৃত হয় ট্যাগ পাদচরণটি টেবিলের বিষয়বস্তু সম্পর্কে তথ্যও দেয় যা পাঠককে ডেটা আরও স্পষ্টভাবে বুঝতে সাহায্য করতে পারে। পূর্ববর্তী অংশ থেকে একই উদাহরণ ব্যবহার করে, পাদচরণ যোগ করুন যা টেবিলে 'পুরুষ' এবং 'মহিলা' এর জন্য প্রতিটি কলামে মোট এন্ট্রির সংখ্যা দেয়। উদাহরণ নিম্নলিখিত ধাপগুলি একটি টেবিল-ফুটার তৈরি করার পদক্ষেপগুলি ব্যাখ্যা করে: আউটপুট সিএসএস-এর একটি টেবিলের শিরোনাম এবং পাদচরণ যথাক্রমে একটি টেবিলের উপরে এবং নীচে আরও তথ্য যোগ করতে সহায়তা করে। এই তথ্যটি টেবিলটি কী সম্পর্কে তা নির্ধারণ করতে সহায়তা করে এবং টেবিলে সন্নিবেশিত মানগুলির মধ্যে থাকা আরও বিশদ প্রদান করে। একসাথে, এই দুটি টেবিলের মধ্যে এনক্যাপসুলেটেড ডেটা পুরোপুরি ফ্রেম করে।
একটি টেবিলের শিরোনামে এটিকে দৃশ্যমানভাবে আলাদা করতে টেবিলের বাকি এন্ট্রিগুলির থেকে আলাদা ফর্ম্যাটিং রয়েছে৷ এগুলি সাধারণত বোল্ড ফন্ট সাইজ বা উপরের-স্কেল টেক্সট দ্বারা উপস্থাপিত হয়। 'পুরুষ' এবং 'মহিলাদের' নামগুলি তালিকাভুক্ত করার সময়, আমরা নীচের উদাহরণে দেখানো হিসাবে একটি পৃথক সারিতে তাদের হেডার হিসাবে বরাদ্দ করতে পারি:
< টেবিল >
< হেড >
< tr >
< ম > পুরুষ < / ম >
< ম > নারী < / ম >
< / tr >
< / হেড >
< tbody >
< tr >
< td > জেমস < / td >
< td > জেসিকা < / td >
< / tr >
< tr >
< td > ডেভিড < / td >
< td > লরা < / td >
< / tr >
< tr >
< td > জ্যাকব < / td >
< td > রেবেকা < / td >
< / tr >
< / tbody >
< / টেবিল >
” ট্যাগের মাধ্যমে যুক্ত করুন এবং “ ” ট্যাগ ব্যবহার করে প্রতিটি সারির জন্য ডেটা সন্নিবেশ করান।
একটি টেবিল-ফুটার গ্রুপ কি?
আলোচিত ধারণা ব্যাখ্যা করে নিম্নলিখিত উদাহরণের সংক্ষিপ্ত বিবরণ:
< হেড >
< tr >
< ম >পুরুষ< / ম >
< ম >নারী< / ম >
< / tr >
< / হেড >
< tbody >
< tr >
< td >জেমস< / td >
< td >জেসিকা< / td >
< / tr >
< tr >
< td >ডেভিড< / td >
< td >লরা< / td >
< / tr >
< tr >
< td >জ্যাকব< / td >
< td >রেবেকা< / td >
< / tr >
< / tbody >
< tfoot >
< tr >
< td ক্লাস = 'বিজি-ধূসর-200' >মোট 03< / td >
< td ক্লাস = 'বিজি-ধূসর-200' >মোট 03< / td >
< / tr >
< / tfoot >
< / টেবিল >
উপরে লিখিত কোড নিম্নলিখিত ফলাফল তৈরি করে:
উপসংহার