هڪ 2x2 ٽيبل تعمير ڪرڻ

ھڪڙي ھڪڙي ٽيبل ٽبلس ھڪڙي ٺاھيندڙن ۽ شاخن جي بصريت کي سمجھڻ لاء آسان آھن - ۽ ھڪڙي ھڪٻئي کي جڏھن سمجھو تہ ميز استعمال ڪرڻ لاء صحيح آھي ۽ جڏھن توھان کان بچڻ گھرجي.

هڪ مختصر تاريخ ٽيبل ۽ ويب ڊيزائن جو

ڪيترائي سال اڳ، سي ايس ۽ ويب معيار جي قبوليت کان اڳ، ويب ڊزائينر جيڪي سائيٽون لاء صفحي ترتيب ترتيب ڏيڻ لاء HTML <ٽيبل> عنصر استعمال ڪندا هئا. ويب سائيٽ ڊزائينز "ڪبوتر" سان گڏ هڪ ننڍڙو ننڍڙو ٽڪر ۾ هجن ۽ پوء هڪ HTML جدول سان گڏ برائوزر ۾ پيش ڪرڻ لاء گڏ ڪيو ويندو. اهو هڪ تمام پيچيده طريقو آهي جنهن کي تمام گهڻو HTML هڻڻ وارو ٺاهيو ويو آهي ۽ جيڪو اڄ اسان جي قابل استعمال نه ٿئي ها ته ملائي اسڪرين دنيا ۾ اسان جون ويب سائيٽون رهن ٿيون . جيئن ته ايس ايس ڊي ويب پيج بصريت ۽ ترتيب لاء قبول ٿيل طريقو بڻجي ويو، هن لاء جدولن جو استعمال ختم ٿي ويو ۽ ڪيترن ئي ويب ڊزائنر غلطي سان يقين ڪيو ته "جدول خراب ٿي ويا آهن." اھو آھي ۽ غلط آھي. ترتيب لاء ٽيبل خراب آهن، پر انهن اڃا تائين ويب ڊيزائن ۽ ايڇ ۾ هڪ جڳهه آهي، يعني ٽئبلر ڊيٽا کي ظاهر ڪرڻ وانگر ٽرين ويڊيو جي ڪئلينڊر جو ڪئلينڊر. انهي مواد لاء، ميز استعمال ڪندي اڃا تائين هڪ قبول ۽ سٺو طريقو آهي.

پوء ڪيئن توهان ميز ڪيئن ٺاهيو ٿا؟ اچو ته صرف 2x2 ميز ٺاهڻ جي شروعات ڪريو. هن وٽ 2 ڪالمن وارا (اهي عموڪ بلاڪ آهن) ۽ 2 قطار (افقي بلاڪ). توھان 2x2 ميز تعمير ڪيو آھي، توھان اضافي طور تي قطار يا ڪلمو شامل ڪندي ھڪڙو ڊيز ميز ٺاھي سگھو ٿا.

مسئلا: اوسط

وقت جي ضرورت آهي: 10 منٽ

هتي ڪيئن آهي:

  1. پهرين ميز ميز کوليو <ٽيبل>
  2. ٽري ٽيگ سان پهرين قطار کي کوليو
  3. td tag سان پهرين ڪالمن کي کوليو
  4. سيل جا مواد لکندا
  5. پهرين سيل کي بند ڪريو ۽ ٻيو سيڪنڊ کوليو
  6. ٻئي سيل جي مواد کي لکندا
  7. سيڪنڊ سيل کي بند ڪريو ۽ صف کي بند ڪريو
  8. پهرين قطار کي لکو صحيح طور تي پهرين
  9. پوء ٽيبل کي بند ڪريو

توھان کي شايد پنھنجي چونڊيل ميز کي استعمال ڪري سگھوٿا ميڊيڪل کي پنھنجي عنصر سان شامل ڪرڻ لاء. هنن ٽيبل جي سرن کي پهرين ٽيبل قطار ۾ "ميبل ڊيٽا" ٽڪرا تبديل ڪري ڇڏي، جهڙوڪ:

<ٽيبل> نالو رول جريمي ڊيزائنر < td> جينيفر ڊولپر

جڏهن هي صفحو برائوزر ۾ رڌل هجن ها، ته ٽيبل جي سرن سان پهرين ڪنڊر، ڊفالٽ، ڊيلڊ ٽيڪسٽ ۾ ڏيکاري ها ۽ اهي ميز جي سيل ۾ رکيا ويندا آهن جيڪي اهي ۾ ظاهر ٿيندا آهن.

پوء، ڇا اهو HTML ۾ ٽيبل استعمال ڪرڻ صحيح آهي؟

ها - ايتري تائين توهان اهي ترتيب جي مقصدن لاء استعمال نٿا ڪري سگهو. جيڪڏهن توهان ٽيبل جي معلومات ڏيکاري ٿي، هڪ ٽيبل ائين ڪرڻ جو طريقو آهي. حقيقت ۾، ڪنهن غلط گمراهيت جي تقاضا جي ڪري ميز تان بچائڻ لاء هي قانوني طريقي سان ايمٽيڪل عنصر هن ڏينهن ۽ عمر جي ترتيب جي سببن جي ڪري انهن کي استعمال ڪيو ويندو آهي.

جینیفر Kyrin پاران لکيل آهي 8/11/16 تي Jeremy Girard پاران ڏنل