HTML तालिका - 3
हमने जो चर्चा की है, उस पर अमल करें। आइए अपने खाका 5.html फ़ाइल में 500 पिक्सेल चौड़ी टेबल जोड़ें। हम चाहते हैं कि तालिका में तीन पंक्तियाँ हों, प्रत्येक पंक्ति के अंदर 1 बॉक्स, 1 पिक्सेल चौड़ी सीमा और कोशिकाओं के अंदर की सामग्री को केन्द्रित किया जाए। आपके द्वारा तालिका बनाए जाने के बाद, शीर्ष सेल (पंक्ति 1 - सेल 1) के अंदर "हैलो वर्ल्ड" को स्थानांतरित करें। फिर दूसरी पंक्ति (पंक्ति 2 - सेल 1) में फ़ॉन्ट टैग और "यहां दर्ज करें" सेल में ले जाएं। अंत में पंक्ति 3 - सेल 1 को खाली छोड़ दें। अपने पाठ संपादक में Template5.html फ़ाइल खोलें, निम्न कोड जोड़ें और नई फ़ाइल को Template6.html के रूप में सहेजें।

तालिका - स्रोत कोड





नमस्ते दुनिया

दर्ज
यहाँ


ध्यान दें--तीर इंगित करता है कि कोड दूसरी पंक्ति से लिपटा हुआ है और वास्तव में सभी एक पंक्ति में होना चाहिए।

Template6.html - स्रोत कोड


नमस्ते दुनिया









नमस्ते दुनिया

दर्ज
यहाँ




ध्यान दें--तीर इंगित करता है कि कोड दूसरी पंक्ति से लिपटा हुआ है और वास्तव में सभी एक पंक्ति में होना चाहिए।

अब अपने वेब ब्राउजर में Template6.html खोलें और अपनी नई तालिका देखें। आप इस ट्यूटोरियल को बुकमार्क करना चाह सकते हैं। हम अगले कई लेखों के दौरान कई तालिकाओं का निर्माण करेंगे। आप प्रत्येक टैग के लिए विशेषता / मान जोड़े जोड़कर, हटाकर और बदलकर तालिका के साथ प्रयोग करना जारी रख सकते हैं। जब आप कर लें कोड को Template6.html में वापस ऊपर कोड में डाल दिया और इसे फिर से सहेजें।

← पीछे

|



वीडियो निर्देश: Membuat Table Sederhana & Sempurna - HTML & CSS (मई 2024).