صرف ٹیگ اور سی ایس ایس کا استعمال کرتے ہوئے ٹیبل کیسے بنائیں

'اس کے اندر ٹیگز۔

---

---

مثال
ٹیبل بنانے کے لیے درج ذیل HTML کوڈ کی مثال پر غور کریں:

< div کلاس = 'divTable' >
< div کلاس = 'ہیڈر رو' >
< div کلاس = 'divCell' >< ب > ID < / ب >< / div >
< div کلاس = 'divCell' >< ب > نام < / ب >< / div >
< div کلاس = 'divCell' >< ب > عمر < / ب >< / div >
< / div >
< div کلاس = 'divRow' >
< div کلاس = 'divCell' > 001 < / div >
< div کلاس = 'divCell' > سمتھ < / div >
< div کلاس = 'divCell' > 25 < / div >
< / div >
< div کلاس = 'divRow' >
< div کلاس = 'divCell' > 002 < / div >
< div کلاس = 'divCell' > جان < / div >
< div کلاس = 'divCell' > 31 < / div >
< / div >
< div کلاس = 'divRow' >
< div کلاس = 'divCell' > 003 < / div >
< div کلاس = 'divCell' > چارلس < / div >
< div کلاس = 'divCell' > 28 < / div >
< / div >
< / div >

اوپر کوڈ کے ٹکڑوں میں:

• ایک '
  'ٹیگ' نام کی کلاس کے ساتھ شامل کیا گیا ہے۔ divTable '
• کے اندر ' div 'کنٹینر عنصر، ایک اور شامل کریں' div 'کلاس کے ساتھ کنٹینر عنصر' قرار دیا گیا headerrow '
• ایک بار پھر، تین شامل کریں ' div 'عناصر جن کا نام کلاسز ہے' divRow 'تین ذیلی کنٹینرز کے ساتھ' divCell 'کلاس.
• پھر، تین div عناصر شامل کریں ' ID '،' نام 'اور' عمر ٹیبل کی ہیڈر قطار میں۔
• اس کے بعد، ہر div عنصر کے لیے 'ID'، 'نام' اور 'عمر' کی قدروں کی وضاحت کریں۔

یہ سب کچھ استعمال کرنے کے طریقہ کے بارے میں تھا ' div ٹیبل بنانے کے لیے عنصر۔ اب، اس پر CSS کی خصوصیات کا اطلاق کریں:

---

---

.divTable
{
ڈسپلے: ٹیبل؛
چوڑائی :آٹو
پس منظر- رنگ :#eeee;
سرحد :1px ٹھوس # 666666 ;
بارڈر اسپیسنگ: 5px؛
}
.divRow
{
چوڑائی :آٹو
ڈسپلے: ٹیبل قطار؛
}
.divCell
{
چوڑائی :150px;
فلوٹ: بائیں؛
ڈسپلے: ٹیبل کالم؛
پس منظر- رنگ : rgb ( 212 ، 209 ، 209 ) ;
}

مندرجہ بالا سی ایس ایس اسٹائل عنصر میں:

• ایک سلیکٹر شامل کریں جس سے مراد ' divTable ' (جس میں تمام ٹیبل ویلیوز شامل ہیں) اور مطلوبہ CSS خصوصیات کی وضاحت کریں (یعنی، ' ڈسپلے '،' چوڑائی '،' پس منظر کا رنگ '،' سرحد 'اور' سرحدی وقفہ کاری ”) ٹیبل کے مواد کے لیے۔
• اس کے بعد، ایک کلاس سلیکٹر شامل کریں جو 'کے عناصر کو منتخب کرتا ہے divRow 'سی ایس ایس شامل کرنے کے لیے کلاس' چوڑائی 'اور' ڈسپلے عناصر کی خصوصیات۔
• آخر میں، سی ایس ایس طرز کی خصوصیات کو 'میں عناصر میں شامل کریں .divCell 'کلاس سلیکٹر۔

یہ آؤٹ پٹ میں ایک ٹیبل بنائے گا اور درج ذیل نتائج دکھائے گا:

یہ صرف