কিভাবে শুধুমাত্র ট্যাগ এবং CSS ব্যবহার করে টেবিল তৈরি করবেন

” এর ভিতরে ট্যাগ।

---

---

উদাহরণ
একটি টেবিল তৈরি করতে নিম্নলিখিত HTML কোড উদাহরণ বিবেচনা করুন:

< div ক্লাস = 'divTable' >
< div ক্লাস = 'হেডার সারি' >
< div ক্লাস = 'ডিভসেল' < খ > আইডি < / খ < / div >
< div ক্লাস = 'ডিভসেল' < খ > নাম < / খ < / div >
< div ক্লাস = 'ডিভসেল' < খ > বয়স < / খ < / div >
< / div >
< div ক্লাস = 'divRow' >
< div ক্লাস = 'ডিভসেল' > 001 < / div >
< div ক্লাস = 'ডিভসেল' > স্মিথ < / div >
< div ক্লাস = 'ডিভসেল' > 25 < / div >
< / div >
< div ক্লাস = 'divRow' >
< div ক্লাস = 'ডিভসেল' > 002 < / div >
< div ক্লাস = 'ডিভসেল' > জন < / div >
< div ক্লাস = 'ডিভসেল' > 31 < / div >
< / div >
< div ক্লাস = 'divRow' >
< div ক্লাস = 'ডিভসেল' > 003 < / div >
< div ক্লাস = 'ডিভসেল' > চার্লস < / div >
< div ক্লাস = 'ডিভসেল' > 28 < / div >
< / div >
< / div >

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

• একটি '
  ' ট্যাগ ' নামের ক্লাসের সাথে যোগ করা হয়েছে divTable ”
• ভিতরে ' div ' ধারক উপাদান, আরেকটি যোগ করুন ' div ' ক্লাস সহ ধারক উপাদান ' হিসাবে ঘোষণা করা হয়েছে হেডার সারি ”
• আবার, তিনটি যোগ করুন ' div 'এলিমেন্ট যেগুলোর ক্লাস আছে' divRow তিনটি সাব কন্টেইনার সহ ' divCell 'শ্রেণী।
• তারপর, তিনটি ডিভ উপাদান যোগ করুন ' আইডি ', ' নাম ' এবং ' বয়স টেবিলের হেডার সারিতে।
• এর পরে, প্রতিটি ডিভ উপাদানের জন্য 'আইডি', 'নাম' এবং 'বয়স' এর মানগুলি নির্দিষ্ট করুন।

এটি কীভাবে ব্যবহার করবেন সে সম্পর্কে ছিল ' div একটি টেবিল তৈরি করতে উপাদান। এখন, এটিতে CSS বৈশিষ্ট্যগুলি প্রয়োগ করা যাক:

---

---

.divTable
{
প্রদর্শন: টেবিল;
প্রস্থ :অটো;
পটভূমি- রঙ :#ইইই;
সীমান্ত :1px কঠিন # 666666 ;
বর্ডার-স্পেসিং: 5px;
}
.divRow
{
প্রস্থ :অটো;
প্রদর্শন: টেবিল-সারি;
}
.divCell
{
প্রস্থ :150px;
float:বাম;
প্রদর্শন: টেবিল-কলাম;
পটভূমি- রঙ : আরজিবি ( 212 , 209 , 209 ) ;
}

উপরের CSS শৈলী উপাদানে:

• একটি নির্বাচক যোগ করুন যা উল্লেখ করে ' divTable ' (যাতে সমস্ত টেবিলের মান রয়েছে) এবং পছন্দসই CSS বৈশিষ্ট্যগুলি সংজ্ঞায়িত করুন (যেমন, ' প্রদর্শন ', ' প্রস্থ ', ' পেছনের রং ', ' সীমান্ত ' এবং ' বর্ডার-স্পেসিং ”) টেবিলের বিষয়বস্তুর জন্য।
• এর পরে, একটি ক্লাস নির্বাচক যোগ করুন যা 'এর উপাদানগুলি নির্বাচন করে divRow ' CSS যোগ করার জন্য ক্লাস ' প্রস্থ ' এবং ' প্রদর্শন উপাদানগুলির বৈশিষ্ট্য।
• সবশেষে, 'এর উপাদানগুলিতে CSS শৈলী বৈশিষ্ট্য যোগ করুন .divCell 'শ্রেণী নির্বাচক।

এটি আউটপুটে একটি টেবিল তৈরি করবে এবং নিম্নলিখিত ফলাফলগুলি প্রদর্শন করবে:

এটি শুধুমাত্র