HTML में एक तालिका कैसे बनाएं

Thisteaches आप एचटीएमएल का उपयोग करके एक बुनियादी सूचना तालिका बनाने के साथ-साथ तालिका में सीमाओं जैसे सहायक तत्वों को कैसे जोड़ सकते हैं.

कदम

2 का भाग 1:
एक टेबल बनाना
  1. शीर्षक शीर्षक शीर्षक एचटीएमएल चरण 1 में एक तालिका बनाएं
1. एक पाठ संपादन कार्यक्रम खोलें. आप आमतौर पर विंडोज़ पर नोटपैड ++ का उपयोग करते हैं और मैक पर टेक्स्ट एडिट का उपयोग करेंगे. इन कार्यक्रमों को खोजने के लिए:
  • खिड़कियाँ - खुला हुआ शुरू
WindowsStart.jpg शीर्षक वाली छवि
, प्रकार नोटपैड शुरुआत में, और क्लिक करें नोटपैड खिड़की के शीर्ष पर.
  • Mac - खुला हुआ सुर्खियों
    MacSpotLight.jpg शीर्षक वाली छवि
    , में टाइप करें पाठ संपादित, और क्लिक करें पाठ संपादित स्पॉटलाइट सर्च फील्ड के नीचे.
  • शीर्षक वाली छवि HTML चरण 2 में एक तालिका बनाएं
    2. टाइप करें और दबाएं ↵ दर्ज करें. Thetag एक तालिका की शुरुआत को इंगित करता है, और दबाकर ↵ दर्ज करें अपने टेक्स्ट एडिटर को एक नई लाइन शुरू करने के लिए संकेत देता है.
  • एचटीएमएल का उपयोग करते समय, आपको हमेशा अगली पंक्ति पर जाने के लिए कोड की एक पंक्ति बनाने के बाद ↵ दर्ज करना होगा.
  • शीर्षक वाली छवि HTML चरण 3 में एक तालिका बनाएं
    3. टाइप करें और दबाएं ↵ दर्ज करें. यह आदेश इंगित करता है कि आप तालिका का एक विशिष्ट तत्व बनायेंगे.
  • शीर्षक वाली छवि HTML चरण 4 में एक तालिका बनाएं
    4. अपनी तालिका में एक कॉलम जोड़ें. एक कॉलम को इंगित करने के लिए टाइप करें, कॉलम के लिए लेबल में टाइप करें, कॉलम को बंद करने के लिए टाइप करें, और ↵ Enter दबाएं.
  • उदाहरण के लिए: लेबल वाला तालिका कॉलम बनाने के लिए "कुत्तों की संख्या", आप टाइप करेंगे कुत्तों की संख्या अपने पाठ संपादक में.
  • शीर्षक वाली छवि HTML चरण 5 में एक तालिका बनाएं
    5. अधिक कॉलम जोड़ें. इस पर निर्भर करता है कि आप अपनी मेज के कितने कॉलम चाहते हैं, यह कदम अलग-अलग होगा. एक बार जब आप सभी कॉलम जोड़े हैं जिन्हें आप उपयोग करना चाहते हैं, तो अगले चरण पर जाएं.
  • कॉलम बाएं से दाएं बनाए जाते हैं.
  • शीर्षक वाली छवि एचटीएमएल चरण 6 में एक तालिका बनाएं
    6. टाइप करें और दबाएं ↵ दर्ज करें. यह आदेश इंगित करता है कि सभी तालिका के कॉलम बनाए गए हैं और तालिका के कोड के उस खंड को बंद कर दिए गए हैं.
  • शीर्षक वाली छवि HTML चरण 7 में एक तालिका बनाएं
    7. फिर से टाइप करें, फिर दबाएं ↵ दर्ज करें. अब आप अपनी पंक्तियों को अपनी तालिका में जोड़ देंगे.
  • शीर्षक वाली छवि HTML चरण 8 में एक तालिका बनाएं
    8. अपनी तालिका में एक सेल जोड़ें. पहले कॉलम के नीचे दी गई जानकारी का एक टुकड़ा इंगित करने के लिए टाइप करें, जानकारी टाइप करें, सेल को बंद करने के लिए टाइप करें, और ↵ दर्ज करें.
  • उदाहरण के लिए: संख्या के साथ एक सेल बनाने के लिए "23" इसमें, आप टाइप करेंगे 23 अपने पाठ संपादक में.
  • शीर्षक शीर्षक एचटीएमएल चरण 9 में एक तालिका बनाएं
    9. अपनी तालिका में अधिक सेल जोड़ें. पंक्ति में कोशिकाओं की संख्या कॉलम की संख्या से संबंधित होनी चाहिए- उदाहरण के लिए, यदि आपके पास तीन कॉलम हैं, तो आपके पास एक पंक्ति में तीन कोशिकाएं होनी चाहिए. एक बार जब आप एक पूरी पंक्ति बना लेते हैं, तो आप आगे बढ़ सकते हैं.
  • शीर्षक वाली छवि HTML चरण 10 में एक तालिका बनाएं
    10. वर्तमान पंक्ति को बंद करें. टाइप करें और दबाएं ↵ पंक्ति को बंद करने के लिए दर्ज करें. इस बिंदु पर, आप टाइप करके और दबाकर एक और पंक्ति खोल सकते हैं, व्यक्तिगत कोशिकाओं को जोड़कर, और फिर पंक्ति को बंद कर सकते हैं.
  • शीर्षक वाली छवि HTML चरण 11 में एक तालिका बनाएं
    1 1. अपनी मेज बंद करें. तालिका की अंतिम पंक्ति के नीचे, टाइप करें . यह तालिका के अंत को इंगित करता है.
  • शीर्षक वाली छवि HTML चरण 12 में एक तालिका बनाएं
    12. अपनी तालिका की समीक्षा करें. आपकी तालिका इस तरह कुछ दिखना चाहिए:
  • दिन
  • महीना
  • साल
  • 4
  • जुलूस
  • 1990
  • 27
  • जुलाई
  • 1993
  • शीर्षक वाली छवि HTML चरण 13 में एक तालिका बनाएं
    13. अपना काम बचाओ. दबाएँ सीटीआरएल+रों (विंडोज़) या ⌘ कमांड+रों (मैक) अपने दस्तावेज़ को सहेजने के लिए, फिर दस्तावेज़ के लिए एक नाम दर्ज करें और क्लिक करें सहेजें जब नौबत आई.
  • 2 का भाग 2:
    तालिका संशोधक जोड़ना
    1. शीर्षक वाली छवि HTML चरण 14 में एक तालिका बनाएं
    1. अपनी मेज को चौड़ा करें. चादर के शीर्ष पर थेटैग को बदलें और फिर टाइप करें
    शैली ="चौड़ाई: 100%"> टैग में. सुनिश्चित करें कि आप एक स्थान के बीच रखें "टेबल" तथा "अंदाज".
    • अंतिम परिणाम इस तरह दिखना चाहिए:
    • आप प्रतिशत के साथ प्रयोग कर सकते हैं. उदाहरण के लिए, टाइपिंग 50 की बजाय 100 एक आधा-वाइड टेबल में परिणाम होगा.
  • शीर्षक वाली छवि HTML चरण 15 में एक तालिका बनाएं
    2. अपनी मेज के लिए सीमाएं बनाएं. Thetag के ऊपर दिए गए दस्तावेज़ के शीर्ष पर एक स्थान बनाएं, फिर निम्न कार्य करें:
  • टाइप करें और ↵ दर्ज करें दबाएं.
  • में टाइप करें टेबल, वें, टीडी { और प्रेस ↵ दर्ज करें.
  • में टाइप करें सीमा: 1px ठोस काला- और प्रेस ↵ दर्ज करें.
  • में टाइप करें सीमा-संकुचित: पतन- और प्रेस ↵ दर्ज करें. यदि आप अपनी सीमाओं को एक के बजाय दो लाइनें चाहते हैं तो इस लाइन को छोड़ दें.
  • में टाइप करें } और प्रेस ↵ दर्ज करें.
  • टाइप करें और ↵ दर्ज करें दबाएं.
  • शीर्षक शीर्षक एचटीएमएल चरण 16 में एक तालिका बनाएं
    3. अपनी तालिका के लिए एक लेबल जोड़ें. Thetag के ठीक नीचे एक स्थान बनाएँ, फिर निम्न कार्य करें:
  • में टाइप करें
  • उस पाठ में टाइप करें जिसे आप उपयोग करना चाहते हैं (ई.जी., जनमदि की)
  • टाइप करें और ↵ दर्ज करें दबाएं.
  • आपके अंतिम परिणाम को इस तरह के समान होना चाहिए: जनमदि की
  • टिप्स

    यह कोड के संबंधित अनुभागों को इंडेंट करने में मदद करता है ताकि आप आसानी से उन्हें बाद में संदर्भित कर सकें. उदाहरण के लिए, आप कोशिकाओं के एक संपूर्ण खंड को इंडेंट कर सकते हैं.
  • कुछ पाठ बोल्ड करने के लिए, आप प्रश्न में पाठ के चारों ओर टैग रख सकते हैं. उदाहरण के लिए, बारी करने के लिए "वर्षों की संख्या" जांच "वर्षों की संख्या", आप टाइप करेंगे वर्षों की संख्या पाठ संपादक में.
  • चेतावनी

    हमेशा बंद करने के लिए याद रखें.
    सामाजिक नेटवर्क पर साझा करें:
    समान