'রোস্প্যান' অ্যাট্রিবিউট কী এবং এইচটিএমএলে 'td' এলিমেন্টের সাথে কীভাবে ব্যবহার করবেন?

Rospyana A Yatribi Uta Ki Ebam E Icati Ema Ele Td Elimentera Sathe Kibhabe Byabahara Karabena



HTML এ, ' সারি স্প্যান ” একটি বৈশিষ্ট্য যা টেবিল তৈরি করার সময় ব্যবহার করা যেতে পারে। এটি সাধারণত একটি উল্লম্ব দিকে একাধিক সংলগ্ন কক্ষকে একত্রিত করতে ব্যবহৃত হয়। এটি ব্যবহারকারীর জন্য চাক্ষুষ আগ্রহ যোগ করার সময় জটিল টেবিল ডিজাইন তৈরি করতে ব্যবহার করা যেতে পারে। এটি ব্যবহার করে, বিকাশকারী এইচটিএমএল কোড কমাতে এবং টেবিল পাঠযোগ্যতা উন্নত করতে পারে। তাছাড়া, 'রোস্প্যান' অ্যাট্রিবিউট একাধিক কক্ষকে গোষ্ঠীবদ্ধ করে একটি টেবিল সাজাতে সাহায্য করতে পারে।

এই নির্দেশিকাটি দেখায় যে 'রোস্প্যান' বৈশিষ্ট্য কী এবং কীভাবে এটি 'td' উপাদানের সাথে ব্যবহার করতে হয়।

একটি 'rowspan' বৈশিষ্ট্য কি?

'রোস্প্যান' অ্যাট্রিবিউটটি একটি উল্লম্ব দিক থেকে একাধিক কক্ষকে একত্রিত করতে ব্যবহার করা হয়। এটি হিসাবে অ্যাক্সেস করা যেতে পারে ' rowspan = মান ', যেখানে ' মান ” হল সারির সংখ্যা যা একটি উল্লম্ব দিকে একত্রিত করতে হবে। এটি ব্যবহারকারীর পঠনযোগ্যতা বাড়ানোর জন্য এবং আরও ব্যবহারকারী-আবেদনশীল পদ্ধতিতে জটিল ডেটা প্রদর্শনের জন্য উপকারী।







একটি 'td' উপাদান কি?

দ্য ' td ” বা টেবিল ডেটা উপাদান একটি HTML টেবিলের মধ্যে একটি ঘর সংজ্ঞায়িত করতে ব্যবহৃত হয়। এটি বেশিরভাগ টেবিলের এইচটিএমএল উপাদানগুলির সাথে একত্রে ব্যবহৃত হয় যেমন '', '', '

টেবিল সামগ্রী তৈরি করতে। এটি 'কলস্প্যান' এবং 'রোস্প্যান' এর মতো বৈশিষ্ট্যগুলির সাথেও ব্যবহার করা যেতে পারে অতিরিক্ত ডিজাইনিং বৈশিষ্ট্য যুক্ত করতে, জটিলতা কমাতে এবং পঠনযোগ্যতা ফ্যাক্টর উন্নত করতে ইত্যাদি। এটি ব্যবহার করে HTML ফাইলে ব্যবহার করা হয়। ট্যাগগুলি যেগুলি সারণিতে সারিগুলি সন্নিবেশিত করে এবং ব্যবহার করে '
ট্যাগ



কিভাবে 'td' এলিমেন্টের সাথে 'rowspan' অ্যাট্রিবিউট ব্যবহার করবেন?

'রোস্প্যান' অ্যাট্রিবিউট এবং 'td' উপাদানের মধ্যে সম্পর্কের আরও ভাল প্রদর্শনের জন্য। আসুন নীচের ধাপে ধাপে নির্দেশিকা অনুসরণ করে একটি ব্যবহারিক উদাহরণের মাধ্যমে চলুন:



ধাপ 1: HTML এ টেবিল তৈরি করা

প্রথমে, 'এর সাহায্যে একটি টেবিল তৈরি করুন <টেবিল> ট্যাগ এর ভিতরে একাধিক যোগ করুন '

সেল তৈরি করতে ট্যাগ:





< শৈলী >

টেবিল

সীমান্ত-পতন:পতন;

মার্জিন: 40px;

}

তম, টিডি{

সীমানা: 2px কঠিন লাল;

প্যাডিং: 20px;

}

< / শৈলী >

< / মাথা >

< শরীর >

< টেবিল >

< tr >

< > emp.id < / >

< > কর্মকর্তার নাম < / >

< > বেতন < / >

< / tr >

< tr >

< td > 1 < / td >

< td > জন < / td >

< td > 160,000 < / td >

< / tr >

< tr >

< td > 2 < / td >

< td > জোসেফ < / td >

< td > 120,000 < / td >

< / tr >

< tr >

< td > 3 < / td >

< td > অ্যাঞ্জেলা < / td >

< td > 120,000 < / td >

< / tr >

< tr >

< td > 4 < / td >

< td > স্কারলেট < / td >

< td > 80,000 < / td >

< / tr >

< / টেবিল >

< / শরীর >

উপরের কোড স্নিপেটে:

  • প্রথমত, পাঁচটি সারি তৈরি করা হয়েছে এবং প্রতিটি ঘরে কিছু ডামি ডেটা দেওয়া হয়েছে।
  • পরবর্তী, ' টেবিল ' উপাদান নির্বাচন করা হয় এবং সেট করুন ' পতন ' CSS এর মান ' সীমান্ত-পতন 'সম্পত্তি।
  • এর পরে, ' সীমান্ত ' এবং ' প্যাডিং ” বৈশিষ্ট্যগুলি ব্যবহারকারীর দৃশ্যমানতা বাড়াতে এবং ব্যবহারকারী-আবেদনশীল প্রভাব তৈরি করতে ব্যবহার করা হয়।

কোডটি কার্যকর করার পরে, টেবিলটি এইরকম প্রদর্শিত হবে:



উপরের আউটপুটটি দেখায় যে টেবিলটি তৈরি এবং স্টাইল করা হয়েছে।

ধাপ 2: 'td' উপাদানের সাথে 'rowspan' বৈশিষ্ট্য ব্যবহার করা

দ্য ' সারি স্প্যান ” বৈশিষ্ট্য উল্লম্ব দিকে সংলগ্ন কক্ষগুলিকে একত্রিত করে৷ এটি ব্যবহার করা হয় '

' উপাদান/ট্যাগ। অ্যাট্রিবিউটটি একটি সংখ্যাকে একটি মান হিসাবে নেয় এবং বলে যে কতগুলি কক্ষ উল্লম্ব দিকে একত্রিত হয়েছে৷ আসন্ন সংলগ্ন কক্ষে অবশ্যই একটি কক্ষ কম পরিমাণে থাকতে হবে এবং সেই স্থানটি 'রোস্প্যান' বৈশিষ্ট্য দ্বারা পূর্ণ হবে যেমনটি নীচে দেখানো হয়েছে:

< শরীর >

< টেবিল >

< tr >

< >Emp.id< / >

< >কর্মচারীর নাম< / >

< >বেতন < / >

< / tr >

< tr >

< td > 1 < / td >

< td >জন< / td >

< td > 160 ,000< / td >

< / tr >

< tr >

< td > 2 < / td >

< td >জোসেফ< / td >

< td সারি স্প্যান = '2' > 120 ,000< / td >

< / tr >

< tr >

< td > 3 < / td >

< td >অ্যাঞ্জেলা< / td >

< / tr >

< tr >

< td > 4 < / td >

< td >স্কারলেট< / td >

< td > 80 ,000< / td >

< / tr >

< / টেবিল >

< / শরীর >

উপরের কোডে:

  • 'সারি স্প্যান' কর্মচারীর সাথে সংযুক্ত থাকে যার একটি ' বেতন 'td উপাদান।
  • মুল্য ' 2 ' রোস্প্যান' অ্যাট্রিবিউটে প্রদান করা হয় যা নীচে দেখানো হিসাবে উভয় সংলগ্ন কক্ষে একই ডেটা সেট করে:

আউটপুটটি দেখায় যে দুটি কক্ষ একত্রিত হয়েছে এবং ব্যবহারকারীর জন্য পাঠযোগ্যতা এখন উন্নত করা হয়েছে।

উপসংহার

দ্য ' সারি স্প্যান ' বৈশিষ্ট্য 'এর সাথে কাজ করে td ” উল্লম্ব দিক থেকে একাধিক সংলগ্ন কক্ষকে একত্রিত করতে উপাদান। অ্যাট্রিবিউটটি একটি সংখ্যাকে একটি মান হিসাবে নেয় এবং কতগুলি সেল একত্রিত হয় তা বলে৷ এটি ব্যবহার করা হয় যেখানে একই ডেটা একাধিক কক্ষে প্রদান করা হয়। এই ব্লগটি দেখিয়েছে যে 'রোস্প্যান' কী এবং কীভাবে এটি HTML-এর 'td' উপাদানের সাথে ব্যবহার করতে হয়।