HTML में टेबल कैसे बनाये

लेखक: Peter Berry
निर्माण की तारीख: 20 अगस्त 2021
डेट अपडेट करें: 9 मई 2024
Anonim
25: HTML और CSS में तालिका | टेबल्स कैसे बनाएं | एचटीएमएल और सीएसएस सीखें | एचटीएमएल ट्यूटोरियल | सीएसएस ट्यूटोरियल
वीडियो: 25: HTML और CSS में तालिका | टेबल्स कैसे बनाएं | एचटीएमएल और सीएसएस सीखें | एचटीएमएल ट्यूटोरियल | सीएसएस ट्यूटोरियल

विषय

इस आलेख में: HTMLChange में एक तालिका बनाएँ HTMLReferences में तालिका की उपस्थिति

यदि आप HTML में छोटे कार्यक्रम बनाना शुरू करते हैं, तो आपको यह जानना उपयोगी होगा कि एक निश्चित संख्या में कॉलम और पंक्तियों के साथ तालिकाओं को कैसे बनाया जाए, और यहां तक ​​कि सेल बॉर्डर्स की उपस्थिति को भी संशोधित किया जाए।


चरणों

भाग 1 HTML में एक तालिका बनाएँ

  1. एक ई संपादक चलाएं। विंडोज़ पर, मैकपैड एक्स के तहत नोटपैड और एडिट लें। उन्हें कॉल करने के लिए, यदि वे पहले से ही आपकी हार्ड डिस्क पर हैं, तो निम्न कार्य करें:
    • विंडोज के तहत : मेनू खोलें प्रारंभ (



      ), फिर टाइप करें नोटपैड, फिर क्लिक करें नोटपैड परिणामों में;
    • MacOS X के तहत : खुला स्पॉटलाइट (



      ), टाइप करें संपादित करें, फिर क्लिक करें संपादित करें में सर्वोत्तम परिणाम.



  2. टाइप
    और कुंजी दबाएं प्रविष्टि.
    टैग
    इंगित करता है कि आप एक तालिका बना रहे हैं और दबा रहे हैं प्रविष्टि आपको प्रश्न में तालिका को कॉन्फ़िगर करने के लिए अगली पंक्ति में जाने की अनुमति देता है।
    • HTML के साथ, आपको कुंजी दबाकर कोड की प्रत्येक पंक्ति को मान्य करना होगा प्रविष्टि, जो आपको कोड की अगली पंक्ति में प्रवेश करने की अनुमति देता है।



  3. टाइप और दबाएँ प्रविष्टि. यह टैग HTML में एक सरणी में एक नई पंक्ति को परिभाषित करता है।


  4. अपनी तालिका में एक कॉलम जोड़ें। टाइप एक हेडर सेल और इसलिए एक नया कॉलम परिभाषित करने के लिए। इस कॉलम को बंद करने के लिए, टाइप करें और कुंजी दबाएं प्रविष्टि.
    • इस प्रकार, एक कॉलम "कुत्तों की संख्या" शीर्षक देने के लिए, टाइप करना आवश्यक होगा
      कुत्तों की संख्या अपने दस्तावेज़ में ई।


  5. और कॉलम जोड़ें। यदि आप 4, 15 या 100 कॉलम चाहते हैं, तो आपको बस उतने टैग जोड़ने की आवश्यकता है जितना आप कर सकते हैं
    अंतर्वस्तु जितना आवश्यक हो।
    • स्तंभों को बाएं से दाएं बनाया जाता है।


  6. टाइप और दबाएँ प्रविष्टि. यह वह टैग है जिसे यह दिखाने के लिए टाइप किया जाना चाहिए कि सभी कॉलम अपने संबंधित हेडर के साथ बनाए गए हैं।


  7. फिर से टाइप करें , फिर कुंजी दबाएं प्रविष्टि. यह आदेश आपकी तालिका में एक नई पंक्ति जोड़ता है। इतनी सारी लाइनें, इतने सारे टैग .


  8. एक सेल में एक डेटा दर्ज करें। सेल में डेटा (ई, नंबर) को तुरंत प्रदर्शित करने के लिए टाइप करें , फिर अपना डेटा और टैग के साथ कमांड को बंद करें । दबाकर समाप्त करें प्रविष्टि.
    • उदाहरण के लिए, 23 नंबर वाले सेल के लिए टाइप करना आवश्यक होगा
      23 ई के संपादक में।


  9. बोर्ड में कोशिकाओं को जोड़ें। एक ही पंक्ति पर कोशिकाओं की संख्या स्तंभों की संख्या के बराबर होनी चाहिए। यदि आपकी तालिका में तीन कॉलम हैं, तो प्रत्येक पंक्ति में तीन सेल होंगे। बाद में, आप सीखेंगे कि इस नंबर को कैसे बदलना है।


  10. सेल लाइन को बंद करें। ऐसा करने के लिए, टाइप करें और कुंजी दबाएं प्रविष्टि। यदि आपको अपनी तालिका में एक और पंक्ति की आवश्यकता है, तो एक कमांड टाइप करके फिर से कोशिश करें, जो शुरू होती है , कुंजी के साथ मान्य करें प्रविष्टि, अपनी विभिन्न कोशिकाओं को दर्ज करें, और सेल लाइन को बंद करें।


  11. तालिका बंद करें। कोड की अंतिम पंक्ति के तहत, निम्न टैग टाइप करें: । व्याख्या के दौरान, तालिका को सही और पूरी तरह से प्रदर्शित किया जाएगा।


  12. तालिका का HTML कोड जांचें। देखें कि क्या सभी डेटा दर्ज किए गए हैं और टैग ठीक से स्थापित और बंद हैं, जैसा कि नीचे है।
    • दिन
    • माह
    • साल
    • 4
    • मंगल ग्रह
    • 1990
    • 27
    • जुलाई
    • 1993


  13. अपनी फ़ाइल सहेजें। ऐसा करने के लिए, कुंजी संयोजन करें नियंत्रण+एस (विंडोज) या क्रम+एस (मैक), अपनी ई फ़ाइल को एक सार्थक नाम दें, फिर क्लिक करके मान्य करें अभिलेख.

भाग 2 HTML में एक तालिका की उपस्थिति को बदलना



  1. अपनी तालिका का विस्तार करें। टैग बदलें
    द्वारा कोड के शीर्ष पर
    इसके बाद शैली = "चौड़ाई: 100%">। "टेबल" और "स्टाइल" के बीच एक स्थान होना चाहिए।
    • आपकी पहली पंक्ति इस प्रकार है:
      .
    • आप निश्चित रूप से प्रतिशत बदल सकते हैं। तो, आप बदल सकते हैं
      100 द्वारा 50 और आपको एक टेबल आधी चौड़ी मिलती है।


  2. तालिका की सीमाओं को निर्धारित करें। टैग के ऊपर, अपने दस्तावेज़ के शीर्ष पर एक स्थान बनाएँ
    , तो निम्न कार्य करें:
    • टाइप और दबाएँ प्रविष्टि.


  3. अपने बोर्ड पर एक शीर्षक रखो। टैग के नीचे एक जगह बनाएं
    , तो निम्न कार्य करें:
    • टाइप  ;
    • आप जिस प्रकार का ई चाहते हैं (उदाहरण के लिए, जन्मदिन) ;
    • टाइप और कुंजी दबाएं प्रविष्टि.
      • पूरा कोड इस प्रकार है:
        जन्मदिन.
सलाह



  • यदि आपका कार्यक्रम थोड़ा लंबा है, तो कोड के सही टुकड़ों पर इंडेंट करना अच्छा है जो समान वैश्विक टैग से संबंधित हैं। अन्यथा टिप्पणी लाइनें हैं।
  • एक शब्द या मार्ग को बोल्ड करने के लिए, टैग टाइप करें और प्रश्न में शब्द या मार्ग के दोनों ओर। तो, बोल्ड में डाल दिया वर्षों की संख्या (वर्षों की संख्या), आप टाइप करेंगे:
    वर्षों की संख्या.
चेतावनी
  • बीकन द्वारा खोली गई कमांड को समरूप बीकन द्वारा बंद किया जाना चाहिए, लेकिन समापन।

अपने शरीर को गर्म रखने और सभी प्रकार के दर्द से राहत पाने के लिए गर्म पानी की थैली का उपयोग करना एक सुरक्षित और प्राकृतिक तरीका है। बैग आसानी से बाजारों और फार्मेसियों में पाए जा सकते हैं और उपयोग के ...

यह लेख आपको सिखाएगा कि एक ही बार में अपने कंप्यूटर पर सभी इंटरनेट ब्राउज़रों पर वेबसाइट को कैसे ब्लॉक किया जाए, साथ ही साथ Google Chrome और Firefox के सभी वेबसाइटों को ब्लॉक करें। इंटरनेट एक्सप्लोरर, ...

आज दिलचस्प है