टेबल्स HTML में ऑनलाइन कैटलॉग बनाने का सबसे सरल तरीका प्रदान करते हैं। एक तीन-स्तंभ तालिका आपको उत्पाद छवि, विवरण और शिपिंग/आदेश की जानकारी के लिए जगह देती है। टेबल में जानकारी डालने से टेक्स्ट को सही ठहराने में लगने वाला समय कम हो जाता है। इसके अलावा, टेबल आपको अपनी वेबसाइट की उपस्थिति और स्पष्टता को बढ़ाने के लिए आपके पृष्ठ पर जानकारी के आस-पास के सफेद स्थान पर नियंत्रण प्रदान करते हैं।
स्टेप 1
ओपनिंग का उपयोग करके एक-पिक्सेल बॉर्डर वाली तालिका को परिभाषित करें
उपनाम:दिन का वीडियो
चरण दो
इस कोड के साथ कोशिकाओं और उनकी सामग्री की पहली पंक्ति डालें:
चरण 3
इस कोड के साथ कोशिकाओं और उनकी सामग्री की दूसरी पंक्ति डालें:
चरण 4
समाप्ति टैग के साथ तालिका बंद करें:
 |
यह पहली वस्तु का विवरण है। | यह आइटम वर्तमान में उपलब्ध है। |
 |
यह दूसरी वस्तु का विवरण है। | यह आइटम एक बैकऑर्डर है। |
टिप
यह सरल उदाहरण दो पंक्तियों और तीन स्तंभों वाली एक तालिका बनाता है। पहला कॉलम टैग का उपयोग करके उत्पाद की 60-बाई-60 पिक्सेल छवि प्रदर्शित करता है। दूसरा और तीसरा कॉलम उत्पाद विवरण और स्टॉक जानकारी प्रदर्शित करता है। ध्यान दें कि प्रत्येक पंक्ति टैग के साथ शुरू और समाप्त होती है और पंक्ति में प्रत्येक आइटम एक टैग के साथ शुरू और समाप्त होता है। अपने उत्पाद का वर्णन करने के लिए उतने कॉलम या पंक्तियाँ डालें जितने की आपको आवश्यकता है।
तालिका की सीमाओं और आपकी सामग्री के बीच सफेद स्थान की मात्रा बढ़ाने के लिए तालिका परिभाषा में सीमा विनिर्देश के तुरंत बाद सेलपैडिंग कमांड डालें। उदाहरण के लिए,
तालिका में प्रत्येक सेल की सामग्री के चारों ओर एक 10-पिक्सेल सफेद स्थान बनाता है।संदर्भ
- W3Schools.com: HTML टेबल्स
