ٹیبل سیل کا مقصد
ٹیبل سیل ایک ٹیبل کے اندر ایک انفرادی اندراج ہے جو اپنے جیسے کئی دوسرے خلیوں سے بنا ہے۔ ٹیبل سیل کا بنیادی مقصد آسان فہم اور سمجھ کے لیے ڈیٹا کو منظم انداز میں ریکارڈ کرنا ہے۔ یہ میز کے اندر ایک خاص پوزیشن کی نشاندہی کرتا ہے جس میں ایک اندراج موجود ہے۔
ٹیبل سیل کی اقسام
HTML میں ایک ٹیبل میں بنیادی طور پر دو قسم کے سیل ہوتے ہیں۔ یہ ہیں ' ہیڈر سیلز 'اور' ڈیٹا سیلز ' ان کے اختلافات اور مماثلت پر مزید تفصیل ذیل میں دی گئی ہے۔
ہیڈر سیلز
ہیڈر سیلز کی نمائندگی ' ٹیبل کا ہیڈر سیل کالم کے اوپری حصے میں ہوگا اور نیچے کی اندراجات ڈیٹا سیلز ہوں گی۔ ان سیلز میں مخصوص فارمیٹنگ بھی ہوتی ہے تاکہ انہیں ڈیٹا سیلز سے الگ کیا جا سکے جو نیچے کی پیروی کرتے ہیں۔ ہیڈر سیلز کو ڈیٹا سیلز میں موجود مواد میں معنی شامل کرنے کے لیے بڑے فونٹ سائز اور جلی حروف کے لیے مخصوص کیا گیا ہے۔ مثال کوڈ کے اس بلاک میں: آؤٹ پٹ جیسا کہ دیکھا گیا ہے، ہیڈر سیل بطور ڈیفالٹ بولڈ میں ظاہر ہوتا ہے۔ ڈیٹا سیلز کی نمائندگی ' ڈیٹا سیلز میں بھی خاص فارمیٹنگ ہوتی ہے۔ ان میں ہیڈر سیلز سے چھوٹا فونٹ سائز ہوتا ہے اور ضرورت کے مطابق سادہ متن یا نمبر ہوتے ہیں۔ یہ اس طرح ہے کہ 'نام' ہیڈر سیل کے تحت ڈیٹا سیلز میں متعلقہ افراد کے نام ہوں گے مثلاً جان، ڈیوڈ، مائیکل اور جیمز۔ مثال مندرجہ ذیل اقدامات ٹیبل ڈیٹا سیل بنانے کے لیے کوڈ کی وضاحت کرتے ہیں: HTML Tailwind CSS میں ٹیگ۔ یہ ایک جدول میں کالموں کے عنوانات بناتے ہیں۔ ہیڈر اس بات کی وضاحت کرتے ہیں کہ مخصوص کالم میں تمام اقدار کیا ہوں گی۔ ہیڈر کی مثالیں نام، ای میل ایڈریس، رابطہ نمبر، سوشل سیکورٹی نمبر وغیرہ ہیں۔
ذیل کے کوڈ میں، ہم نے '' ٹیگ کے ذریعے ایک ٹیبل ہیڈر سیل بنایا ہے:
< ٹیبل >
< تھیڈ >
< tr >
< ویں > ہیڈر سیل 01 < / ویں >
< / tr >
< / تھیڈ >
< / ٹیبل >
' ٹیگ کے ذریعے ایک ٹیبل بنائیں۔
' ٹیگز کو بند کریں۔' ٹیگ استعمال کریں۔
' ٹیگ کے اندر ' '، '' اور '' ٹیگ استعمال کرنا۔
ڈیٹا سیلز
HTML Tailwind CSS میں ٹیگ۔ یہ خلیے تمام معلومات کو ایک ٹیبل کے اندر رکھتے ہیں۔ یہ ہیڈر سیل کے نیچے درج ہیں اور کسی خاص ہیڈر کے لیے تمام اندراجات کے لیے ڈیٹا پر مشتمل ہیں۔ مثال کے طور پر، اگر ہیڈر سیل کا عنوان 'نام' ہے، تو اس کے نیچے موجود ڈیٹا سیلز میں ان تمام اہلکاروں کے نام ہوں گے جن کے لیے ڈیٹا ریکارڈ کیا گیا ہے۔
ٹیبل ڈیٹا سیل بنانے کے لیے کوڈ ' ٹیگ ذیل میں دیا گیا ہے:
< سر >
< انداز >
ٹیبل {
border-collapse : گرنا۔
}
td {
سرحد : 1px ٹھوس سیاہ؛
پیڈنگ: 10px؛
}
< / انداز >
< / سر >
< جسم >
< ٹیبل >
< tr >
< td >ٹیبل سیل< / td >
< / tr >
< / ٹیبل >