ھڪڙي ھڪڙي ٽيبل ٽبلس ھڪڙي ٺاھيندڙن ۽ شاخن جي بصريت کي سمجھڻ لاء آسان آھن - ۽ ھڪڙي ھڪٻئي کي جڏھن سمجھو تہ ميز استعمال ڪرڻ لاء صحيح آھي ۽ جڏھن توھان کان بچڻ گھرجي.
هڪ مختصر تاريخ ٽيبل ۽ ويب ڊيزائن جو
ڪيترائي سال اڳ، سي ايس ۽ ويب معيار جي قبوليت کان اڳ، ويب ڊزائينر جيڪي سائيٽون لاء صفحي ترتيب ترتيب ڏيڻ لاء HTML <ٽيبل> عنصر استعمال ڪندا هئا. ويب سائيٽ ڊزائينز "ڪبوتر" سان گڏ هڪ ننڍڙو ننڍڙو ٽڪر ۾ هجن ۽ پوء هڪ HTML جدول سان گڏ برائوزر ۾ پيش ڪرڻ لاء گڏ ڪيو ويندو. اهو هڪ تمام پيچيده طريقو آهي جنهن کي تمام گهڻو HTML هڻڻ وارو ٺاهيو ويو آهي ۽ جيڪو اڄ اسان جي قابل استعمال نه ٿئي ها ته ملائي اسڪرين دنيا ۾ اسان جون ويب سائيٽون رهن ٿيون . جيئن ته ايس ايس ڊي ويب پيج بصريت ۽ ترتيب لاء قبول ٿيل طريقو بڻجي ويو، هن لاء جدولن جو استعمال ختم ٿي ويو ۽ ڪيترن ئي ويب ڊزائنر غلطي سان يقين ڪيو ته "جدول خراب ٿي ويا آهن." اھو آھي ۽ غلط آھي. ترتيب لاء ٽيبل خراب آهن، پر انهن اڃا تائين ويب ڊيزائن ۽ ايڇ ۾ هڪ جڳهه آهي، يعني ٽئبلر ڊيٽا کي ظاهر ڪرڻ وانگر ٽرين ويڊيو جي ڪئلينڊر جو ڪئلينڊر. انهي مواد لاء، ميز استعمال ڪندي اڃا تائين هڪ قبول ۽ سٺو طريقو آهي.
پوء ڪيئن توهان ميز ڪيئن ٺاهيو ٿا؟ اچو ته صرف 2x2 ميز ٺاهڻ جي شروعات ڪريو. هن وٽ 2 ڪالمن وارا (اهي عموڪ بلاڪ آهن) ۽ 2 قطار (افقي بلاڪ). توھان 2x2 ميز تعمير ڪيو آھي، توھان اضافي طور تي قطار يا ڪلمو شامل ڪندي ھڪڙو ڊيز ميز ٺاھي سگھو ٿا.
مسئلا: اوسط
وقت جي ضرورت آهي: 10 منٽ
هتي ڪيئن آهي:
- پهرين ميز ميز کوليو <ٽيبل>
- ٽري ٽيگ
سان پهرين قطار کي کوليو - td tag
سان پهرين ڪالمن کي کوليو - سيل جا مواد لکندا
- پهرين سيل کي بند ڪريو ۽ ٻيو سيڪنڊ کوليو td>
- ٻئي سيل جي مواد کي لکندا
- سيڪنڊ سيل کي بند ڪريو ۽ صف کي بند ڪريو td> tr>
- پهرين قطار کي لکو صحيح طور تي پهرين
td> td> tr> - پوء ٽيبل کي بند ڪريو ٽيبل>
توھان کي شايد پنھنجي چونڊيل ميز کي استعمال ڪري سگھوٿا ميڊيڪل کي پنھنجي عنصر سان شامل ڪرڻ لاء. هنن ٽيبل جي سرن کي پهرين ٽيبل قطار ۾ "ميبل ڊيٽا" ٽڪرا تبديل ڪري ڇڏي، جهڙوڪ:
<ٽيبل>نالو th> رول th> tr> جريمي td> ڊيزائنر td> tr> < td> جينيفر td> ڊولپر td> tr> ٽيبل> جڏهن هي صفحو برائوزر ۾ رڌل هجن ها، ته ٽيبل جي سرن سان پهرين ڪنڊر، ڊفالٽ، ڊيلڊ ٽيڪسٽ ۾ ڏيکاري ها ۽ اهي ميز جي سيل ۾ رکيا ويندا آهن جيڪي اهي ۾ ظاهر ٿيندا آهن.
پوء، ڇا اهو HTML ۾ ٽيبل استعمال ڪرڻ صحيح آهي؟
ها - ايتري تائين توهان اهي ترتيب جي مقصدن لاء استعمال نٿا ڪري سگهو. جيڪڏهن توهان ٽيبل جي معلومات ڏيکاري ٿي، هڪ ٽيبل ائين ڪرڻ جو طريقو آهي. حقيقت ۾، ڪنهن غلط گمراهيت جي تقاضا جي ڪري ميز تان بچائڻ لاء هي قانوني طريقي سان ايمٽيڪل عنصر هن ڏينهن ۽ عمر جي ترتيب جي سببن جي ڪري انهن کي استعمال ڪيو ويندو آهي.
جینیفر Kyrin پاران لکيل آهي 8/11/16 تي Jeremy Girard پاران ڏنل
- td tag