ٹیبل کی صفات سیکھنے کے ذریعے ایچ ٹی ایم ایل ٹیبل میں سے سب سے زیادہ حاصل کرنا
ایچ ٹی ایم ایل کی میزیں آپ HTML ٹیبلز پر بہت زیادہ کنٹرول دیتے ہیں. ٹیبلز کے لئے بہت زیادہ خاصیت موجود ہیں کہ انہیں مزید دلچسپ بنانے اور آپ کے صفحے کی نظر کو تبدیل کرنے کے لئے.
HTML ٹیبل عنصر کی خصوصیات
ایچ ٹی ایم ایل 5 میں عنصر عالمی صفات اور ایک دوسرے خاصیت کا استعمال کرتا ہے:. اور اس میں صرف 1 یا خالی (یعنی سرحد = = ") کی قیمت ہے. اگر آپ سرحد کی چوڑائی کو تبدیل کرنا چاہتے ہیں، تو آپ کو سرحدی چوڑائی سی ایس ایس پراپرٹی کا استعمال کرنا چاہئے.
درست HTML5 ٹیبل صفات کے بارے میں جاننے کے لئے ذیل میں ملاحظہ کریں.
ایچ ٹی ایم ایل 4.01 تصریح کا حصہ بھی کئی خاصیت ہیں جو ایچ ٹی ایم ایل 5 میں غیر معمولی بن گئی ہے:
- میز کے ٹی ڈی اور TH عناصر پر سی ایس ایس پیڈنگ پراپرٹی کا استعمال کریں.
- میز پر سی ایس ایس کی جائیداد کی سرحد کا فاصلہ استعمال کریں.
- سی ایس ایس شیلیوں کا استعمال کرتے ہوئے سرحد رنگ: سیاہ؛ اور میز پر سرحدی طرز
- سی ایس ایس شیلیوں کا استعمال کرتے ہوئے سرحد رنگ: سیاہ؛ اور میز کے مناسب عناصر پر سرحدی طرز.
- اس کے علاوہ، آپ کو ایک CAPTION میں ٹیبل کی ساخت کی وضاحت کرنا چاہئے یا پورے میز کو ایک شکل میں ڈالنا اور اسے فگاسپشن میں بیان کرنا چاہئے. متبادل طور پر، آپ میز کی ساخت کو آسان بنا سکتے ہیں تاکہ کوئی وضاحت کی ضرورت ہو.
- سی ایس ایس چوڑائی پراپرٹی کا استعمال کریں.
اور ایک خصوصیت جس میں ایچ ٹی ایم ایل 4.01 میں خارج کردیا گیا تھا اور ایچ ٹی ایم ایل 5 میں بھی غیر معمولی ہے.
ایچ ٹی ایم ایل 4.01 ٹیبل کی خصوصیات کے بارے میں مزید جانیں.
- سیدھا کریں - اس کے بجائے سی ایس ایس مارجن جائداد کا استعمال کریں.
کئی خصوصیات بھی ہیں جو کسی ایچ ٹی ایم ایل کی تفصیلات کا حصہ نہیں ہیں.
اگر آپ جانتے ہو کہ براؤزر آپ کی حمایت کرتے ہیں تو ان خصوصیات کو استعمال کرسکتے ہیں اور آپ درست ایچ ٹی ایم ایل کے بارے میں پرواہ نہیں کرتے ہیں.
- اس کے بجائے سی ایس ایس پراپرٹی پس منظر کا رنگ استعمال کریں.
- بورکارکور - اس کے بجائے سی ایس ایس پراپرٹی کی سرحد کا رنگ استعمال کریں.
- bordercolorlight - اس کے بجائے سی ایس ایس پراپرٹی کی سرحد کا رنگ استعمال کریں.
- bordercolordark - اس کے بجائے سی ایس ایس پراپرٹی کی سرحد کا رنگ استعمال کریں.
- کالوں - اس خاصیت کا کوئی متبادل نہیں ہے.
- اونچائی - بجائے سی ایس ایس پراپرٹی کی اونچائی کا استعمال کریں.
- اس کے بجائے سی ایس ایس پراپرٹی مارجن استعمال کریں.
- اس کے بجائے سی ایس ایس پراپرٹی مارجن استعمال کریں.
- اس کے بجائے سی ایس ایس پراپرٹی سفید جگہ کا استعمال کریں.
- اس کے بجائے سی ایس ایس پراپرٹی عمودی طور پر سیدھا استعمال کریں.
براؤزر مخصوص ٹیبل خصوصیات کے بارے میں مزید جانیں.
ایچ ٹی ایم ایل 5 ٹیبل عنصر خصوصیات
جیسا کہ ہم اوپر ذکر کرتے ہیں، عالمی صفات سے باہر، صرف ایک خاصیت ہے، جو HTML5 ٹیبل عنصر پر درست ہے: سرحد.
سرحد کی خصوصیت پورے میز کے ارد گرد سرحد اور اس کے اندر تمام خلیات کی وضاحت کرنے کے لئے استعمال کیا جاتا ہے. اس کے بارے میں کچھ سوال تھا کہ آیا یہ HTML5 تفصیلات میں شامل کیا جائے گا، لیکن یہ جاری رہے گا کیونکہ اس نے ٹیبل ڈھانچے کے بارے میں معلومات فراہم کی ہیں، طرز عمل کے اثرات سے باہر.
سرحد کی خاصیت کو شامل کرنے کے لئے، اگر آپ موجود نہیں تو سرحد اور خالی جگہ (یا خصوصیت کو چھوڑ دیں) کی صورت میں 1 کی قیمت مقرر کی. زیادہ سے زیادہ براؤزر بھی سرحد کے لئے 0 کی حمایت کریں گے، اور کسی بھی انوگر قدر (2، 3، 30، 500، وغیرہ) پکسلز میں سرحد کی چوڑائی کا اعلان کرنے کے لئے، لیکن یہ HTML5 میں غیر معمولی ہے. اس کے بجائے، آپ کو سرحدی چوڑائی اور دیگر شیلیوں کی وضاحت کرنے کے لئے سی ایس ایس کی سرحد طرز خصوصیات کا استعمال کرنا چاہئے.
سرحد کے ساتھ ایک میز بنانے کے لئے، لکھیں:
<ٹیبل سرحد = "1" >
یہ سرحد کے ساتھ میز ہے
ایچ ٹی ایم ایل 5 میں غیر فعال ہیں HTML 4.01 صفات ہیں. اگر آپ ایچ ٹی ایم ایل 4.01 دستاویزات لکھنا چاہتے ہیں، تو آپ ان کو سیکھ سکتے ہیں، دوسری صورت میں، آپ ان کو نظر انداز کر سکتے ہیں. ان میں سے زیادہ تر صفات متبادل ہیں، جو اوپر بیان کی گئی ہیں.
ہم عنصر کے صفات بیان کرتے ہیں جو HTML5 (اور HTML 4.01) میں درست ہیں. یہ ٹیبل صفتوں کو HTML 4.01 میں درست ہیں کی وضاحت کرتا ہے، لیکن HTML5 میں غیر معمولی ہیں. اگر آپ ابھی تک ایچ ٹی ایم ایل 4.01 دستاویزات لکھیں تو، آپ ان صفات کو استعمال کرسکتے ہیں، لیکن ان میں سے اکثر متبادل ہیں جو آپ کے صفحات کو HTML5 پر منتقل کرنے کے لۓ مستقبل کے حوالے سے زیادہ مستقبل سے متعلق بنا دے گی.
درست HTML 4.01 خصوصیات
خاصیت ہم نے اوپر بیان کی.
ایچ ٹی ایم ایل 5 میں HTML 4.01 میں فرق صرف یہ ہے کہ آپ پکسلز میں سرحد کی چوڑائی کی وضاحت کرنے کے لئے کسی بھی مکمل انوگر (0، 1، 2، 15، 20، 200، وغیرہ) کی وضاحت کرسکتے ہیں.
5px سرحد کے ساتھ میز کی تعمیر کے لئے، لکھیں:
<ٹیبل سرحد = "5" >
اس میز میں 5px کی سرحد ہے.
سرحدوں کے ساتھ دو میزیں کی ایک مثال دیکھیں.
خاصیت سیل کی سرحدوں اور سیل کے مندرجات کے درمیان خلا کی مقدار کی وضاحت کرتا ہے. ڈیفالٹ دو پکسلز ہے. اگر آپ مواد اور سرحدوں کے درمیان کوئی جگہ نہیں چاہتے تو 0 میں سیل پلڈنگ مقرر کریں.
20 تک سیل کی بھرتی قائم کرنے کے لئے، لکھیں:
<ٹیبل سیلپڈٹنگ = "20" >
اس ٹیبل میں سیل 20 کا سیلنگ ہونا ہے.
سیل سرحدیں 20 پکسلز تک الگ ہوجائے گی.
سیل پیڈڈنگ کے ساتھ میز کی ایک مثال دیکھیں
خصوصیت ٹیبل کے خلیات اور سیل مواد کے درمیان خلا کی مقدار بیان کرتی ہے. سیل پلڈڈنگ کی طرح، ڈیفالٹ دو پکسلز کو مقرر کیا جاتا ہے، لہذا اگر آپ سیل کی سپلائی نہیں چاہتے تو آپ اسے 0 پر مقرر کرنا ضروری ہے.
ٹیبل پر سیل فاصلے کو شامل کرنے کے لئے، لکھیں:
<ٹیبل سیلسپسنگ = "20" >
اس ٹیبل میں سیل کی شرح 20 ہے.
سیل 20 پکسلز کے ذریعہ الگ ہوجائے جائیں گے.
سیل اسپیسنگ کے ساتھ ایک میز دیکھیں
خصوصیت کی شناخت کی جاتی ہے کہ کسی بھی میز کے باہر کے ارد گرد سرحد کے جس حصے کو نظر آتا ہے. آپ اپنی میز کو چاروں طرف، کسی بھی طرف، سب سے اوپر اور نیچے، بائیں اور دائیں، یا کوئی بھی نہیں کر سکتے ہیں.
یہاں ایک بائیں جانب HTML کے پاس صرف بائیں جانب سرحد کے ساتھ ہے:
<ٹیبل سرحد = "1" فریم = "lhs" >
یہ میز
پڑے گا
صرف
بائیں جانب فریمڈ.
اور دوسرا مثال نیچے کے فریم کے ساتھ:
<ٹیبل سرحد = "1" فریم = "ذیل" >
اس میز میں ایک فریم ہے.
فریم کے ساتھ کچھ میزیں چیک کریں
خصوصیت فریم وصف کے مطابق ہے، صرف یہ میز کے خلیات کے ارد گرد کی سرحدوں کو متاثر کرتا ہے. آپ تمام خلیوں پر، کالمز کے درمیان، TBODY اور TFOOT یا کسی جیسے گروپوں کے درمیان قوانین مقرر کر سکتے ہیں.
صرف قطاروں کے درمیان لائنوں کے ساتھ میز کی تعمیر کرنے کے لئے، لکھیں:
<ٹیبل سرحد = "1" قوانین = "قطاریں" >
یہ 4x4 ٹیبل ہے
قطاروں قطع نہیں کالمز
کے ساتھ بیان کردہ
قواعد و ضوابط.
اور دوسرے کالم کے درمیان لائنوں کے ساتھ:
<ٹیبل سرحد = "1" قوانین = "کالوں" >
یہ ہے
ایک میز
کہاں
کالمز
ہیں
کو نمایاں کیا
قواعد کے ساتھ آای ٹیبل کا ایک مثال یہ ہے
خصوصیت ٹیبل کے بارے میں معلومات فراہم کرتا ہے اسکرین قارئینز اور دیگر صارف کے ایجنٹوں کے لئے جو میزبان پڑھنے میں مصیبت ہوسکتی ہے. خلاصہ کی خاصیت کو استعمال کرنے کے لئے، آپ میز کی ایک مختصر وضاحت لکھتے ہیں اور خاصیت کی قدر کے طور پر ڈال دیتے ہیں. خلاصہ ویب سائٹ پر زیادہ سے زیادہ معیاری ویب براؤزرز میں نہیں دکھایا جائے گا.
یہاں ایک خلاصہ کے ساتھ ایک سادہ ٹیبل کیسے لکھنا ہے:
<ٹیبل خلاصہ = "یہ ایک نمونہ جدول ہے جس میں فلٹر کی معلومات شامل ہے. اس میز کا مقصد ایک خلاصہ کا مظاہرہ کرنا ہے." >
کالم 1 صف 1
کالم 2 صف 1
کالم 1 صف 2
کالم 2 صف 2
ایک خلاصہ کے ساتھ میز دیکھیں
خاصیت میز کی چوڑائی کو یا تو پکسلز میں یا کنٹینر عنصر کا فی صد بیان کرتا ہے. اگر چوڑائی سیٹ نہیں ہوتی ہے تو، میز صرف اس جگہ تک لے جائے گا کیونکہ اسے مواد کو ظاہر کرنے کی ضرورت ہوتی ہے، جس سے زیادہ تر چوڑائی جیسے والدین عنصر کی چوڑائی ہوتی ہے.
پکسلز میں مخصوص چوڑائی کے ساتھ میز کی تعمیر کرنے کے لئے، لکھیں:
<ٹیبل چوڑائی = "300" >
یہ جدول کنٹینر کی چوڑائی کا 80 فی صد ہے جو اس میں ہے
اور چوڑائی کے ساتھ میز کی تعمیر کرنے کے لئے جو والدین عنصر کا فیصد ہے، لکھیں:
<ٹیبل چوڑائی = "80٪" >
یہ جدول کنٹینر کی چوڑائی کا 80 فی صد ہے جو اس میں ہے
ایک چوڑائی کے ساتھ میز کی ایک مثال دیکھیں
Deprecated HTML 4.01 ٹیبل کی خصوصیت
ٹیبل عنصر کی ایک خاصیت ہے جس میں ایچ ٹی ایم ایل 4.01 میں خارج ہوچکا ہے اور ایچ ٹی ایم ایل 5 میں غیر معمولی ہے: سیدھا . یہ خصوصیت آپ کو اس بات کا تعین کرنے دیتا ہے کہ اس کے علاوہ متن کے مطابق اس صفحے پر ٹیبل کہاں واقع ہونا چاہئے. یہ خصوصیت HTML 4.01 میں ختم ہوگیا ہے، اور آپ کو اس کا استعمال کرنے سے بچنے سے بچنا چاہئے. اس کے بجائے، آپ کو سی ایس ایس کی جائیداد یا مارجن بائیں: آٹو کا استعمال کرنا چاہئے. اور مارجن - دائیں: آٹو؛ شیلیوں فلوٹ جائیداد آپ کو اس نتیجے میں دیتا ہے کہ صفر کے صفات میں کیا جاسکتا ہے، لیکن باقی صفحات کو مندرجہ ذیل مواد پر اثر انداز کر سکتا ہے. مارجن - دائیں: آٹو؛ اور مارجن بائیں: آٹو؛ وہی ہیں جو W3C ایک متبادل کے طور پر پیش کرتا ہے.
سیدھا صفات کا استعمال کرتے ہوئے یہاں ایک ناقابل مثال مثال ہے.
<ٹیبل سیدھ = "صحیح" >
یہ جدول صحیح ترمیم ہے
متن اس کے ارد گرد بائیں طرف بہتی ہے
سیدھا صفات کا استعمال کرتے ہوئے ایک ناقابل مثال مثال دیکھیں.
اور درست (غیر معزول) ایچ ٹی ایم ایل کے ساتھ ایک ہی اثر حاصل کرنے کے لئے، لکھیں:
<میز سٹائل = "فلوٹ: دائیں؛" >
یہ جدول صحیح ترمیم ہے
متن اس کے ارد گرد بائیں طرف بہتی ہے
مندرجہ ذیل وضاحت کرتا ہے کہ ٹیبل کی خاصیت کسی ایچ ٹی ایم ایل کی تفصیلات کا حصہ نہیں ہیں.
پچھلا معلومات ایچ ٹی ایم ایل 4.01 میں درست ہیں HTML HTML عنصر کی خاصیت کی وضاحت کرتا ہے لیکن HTML5 میں غیر معمولی ہیں.
مندرجہ ذیل بیان کی وضاحت کرتا ہے کہ کسی بھی موجودہ تفصیلات میں درست نہیں ہیں. اگر آپ کو اس بات کی کوئی پرواہ نہیں ہے کہ آپ کے صفحات درست ہیں اور آپ کے صارفین ان عناصر کی حمایت کرتے ہیں جو براؤزر کا استعمال کرتے ہیں، تو آپ ان عناصر کو استعمال کرسکتے ہیں. لیکن ان میں سے اکثر یا تو جدید براؤزرز میں غیر معاون ہیں یا متبادل ہیں جو زیادہ معیار کے مطابق ہیں.
ہم آپ کے ایچ ٹی ایم ایل ٹیبل پر ان صفات کو استعمال کرنے کی سفارش نہیں کرتے ہیں.
خصوصیت ایک پرانی خصوصیت ہے جس میں شامل ہونے سے پہلے سی ایس ایس بڑے پیمانے پر حمایت کی گئی تھی. یہ آپ کو ٹیبل کے پس منظر کا رنگ تبدیل کرنے کی اجازت دیتا ہے. آپ رنگ کا نام یا ایک ہییکسڈیکائل کوڈ مقرر کر سکتے ہیں. یہ خصوصیت بہت زیادہ براؤزرز میں کام کرتا ہے، لیکن مستقبل کے حوالے سے ایچ ٹی ایم ایل کے لئے، آپ کو اس کا استعمال نہیں کرنا چاہئے اور بجائے اس کا استعمال کریں.
اس خاصیت کے لئے بہتر متبادل سٹائل کی جائیداد ہے.
ٹیبل کے پس منظر کا رنگ تبدیل کرنے کے لئے، لکھیں:
<ٹیبل سٹائل = "پس منظر کا رنگ: #ccc؛" >
یہ میز ایک سرمئی پس منظر ہے
bgcolor کی خصوصیت کی طرح، bordercolor کی خصوصیت آپ کی خصوصیت کا رنگ تبدیل کرنے کی اجازت دیتا ہے. یہ خصوصیت صرف انٹرنیٹ ایکسپلورر کی طرف سے حمایت کرتا ہے. اس کے بجائے، آپ کو سرحدی رنگ سٹائل کی جائیداد کا استعمال کرنا چاہئے.
اپنی میز کی سرحد کا رنگ تبدیل کرنے کے لئے، لکھیں:
<ٹیبل سرحد = "1" سٹائل = "سرحدی رنگ: سرخ؛" >
اس ٹیبل میں ایک سرخ سرحد ہے.
انٹرنیٹ ایکسپلورر میں آپ کو اپنی میز کے گرد ایک 3D سرحد بنانے کے لۓ بورڈکارولور لائٹ اور بورڈرکارولورک وصفات شامل تھے. تاہم، جیسا کہ IE8 اور اوپر، یہ صرف IE7 معیارات موڈ اور نردجیکرن موڈ میں ہے . مائیکرو مائیکروسافٹ کا کہنا ہے کہ یہ خصوصیات اب حمایت نہیں کر رہے ہیں.
مختصر وقت کے لئے، ٹیبل عناصر پر نمایاں خصوصیات پیش کرنے کے لئے تجویز کی گئی تھی کہ براؤزر کو معلوم ہو کہ کتنی کالم ایک ٹیبل تھی. بنیاد یہ تھا کہ یہ بڑی میزیں کی فراہمی کو تیز کرنے میں مدد ملے گی. تاہم یہ صرف انٹرنیٹ ایکسپلورر، اور IE8 اور اس سے اوپر کی طرف سے نافذ کیا گیا تھا، یہ صرف IE7 معیارات موڈ اور نردجیکرن موڈ میں ہے.
کیونکہ وہاں ایک چوڑائی خصوصیت ہے (HTML5 میں غیر معمولی) بہت سارے افراد نے میزائل کے لئے اونچائی کی خاصیت بھی تھی. لیکن کیونکہ میزیں ان کی مواد کی چوڑائی یا سی ایس ایس یا چوڑائی خصوصیت میں متعین چوڑائی کے مطابق ہیں، اونچائی کو محدود نہیں کیا جا سکتا. اس کے بجائے، براؤزر نے اونچائی کی اجازت دی کہ میز کی کم از کم اونچائی کی وضاحت کی جائے. اگر ٹیبل اس اونچائی سے اونچے اونچے تھے، تو اس کی لمبائی ظاہر ہوگی. لیکن آپ کو جائیداد استعمال کرنا چاہئے
سی ایس ایس اونچائی پراپرٹی کے ساتھ آپ اونچائی کو روک سکتے ہیں اگر آپ سی ایس ایس پراپرٹی کا استعمال کرتے ہیں تو اس کے ساتھ ساتھ کسی بھی اضافی مواد کے ساتھ کیا ہوتا ہے کی وضاحت کرنے کے لئے.
ٹیبل پر کم از کم اونچائی قائم کرنے کے لئے، لکھیں:
<ٹیبل سٹائل = "اونچائی: 30em؛" >
یہ میز کم سے کم 30 ایم ایس ہے.
میز کے بائیں / دائیں طرف کے ارد گرد دو صفات اور اضافی جگہ (hspace) اور اوپر / نیچے (بمقابلہ). آپ کو بجائے سٹائل کی جائیداد کا استعمال کرنا چاہئے.
عمودی جگہ 20 پکسلز اور افقی جگہ 40 پکسلز پر مقرر کرنے کے لئے، لکھیں:
<ٹیبل سٹائل = "مارجن: 20px 40px؛"
اس ٹیبل میں 20 پکسلز کا ایک بمقابلہ ہے اور 40 پکسلز کے hspace ہے.
خصوصیت ایک بولین خاصیت ہے جو اس بات کی وضاحت کرتا ہے کہ ٹیبل کے مواد کو والدین عنصر یا ونڈو کے کنارے پر لپیٹنا یا افقی طومار کرنے کی طاقت ہے. اس کے بجائے، آپ سی ایس ایس پراپرٹی کا استعمال کرتے ہوئے ہر ٹیبل سیل کی ریپنگ خصوصیات کی وضاحت کرنا چاہئے.
بہت سے متن کے ساتھ ایک کالم بنانے کے لئے لپیٹ نہیں، لکھیں:
<ٹیبل>
سٹائل = "سفید جگہ: nowrap؛" > یہ ایک ٹن مواد کے ساتھ ایک کالم ہے. لیکن اگر یہ کنٹینر سے زیادہ وسیع ہے تو متن کو اگلی لائن میں لپیٹ نہیں کرنا چاہئے بلکہ بجائے براؤزر کی ونڈو کو افزودہ طور پر تمام مواد کو دیکھنے کے لئے مجبور کریں.
آخر میں، خصوصیت اس بات کی وضاحت کرتا ہے کہ ہر سیل کے مواد کو سیل کے اندر عمودی طور پر سیدھا ہونا چاہئے. اس غلط خصوصیت کے بجائے، آپ کو ہر سیل پر سی ایس ایس پراپرٹی کا استعمال کرنا چاہئے جو آپ سیدھ میں تبدیل کرنا چاہتے ہیں. آپ اس سٹائل کے اثرات کو نظر انداز نہیں کریں گے جب تک کہ سیل، مواد کو دیگر، بڑے خلیات کی طرف سے پیدا دستیاب جگہ سے کم نہیں ہے.
سیل کو نیچے کے نیچے سیدھا کرنے کے لئے مجبور کرنے کے لئے (بجائے مشرقی، پہلے سے طے شدہ طور پر) لکھتے ہیں:
<ٹیبل>
یہ سیل باقی سے کہیں زیادہ ہے اور اس طرح اونچائی زیادہ لمبا ہو گی. لہذا آپ یہ دیکھیں گے کہ عمودی طور پر منسلک سیل نیچے دیئے جانے والی ہے.
style = "عمودی سیدھ: نیچے؛" > نیچے کی فہرست.
مادہ میں فہرست.