क्या आप एक ब्लॉगर हैं? तब आप कुछ HTML कोड जानने से लाभान्वित होंगे

के बारे में उलझन HTML कोड? केवल तुम ही नहीं हो.


मैं इसे स्वीकार करूंगा जब मैंने वेब के लिए लिखना शुरू किया, तो मुझे इसके बारे में पता था HTML कोड. और मैं इसे फिर से स्वीकार करूंगा। मैं अभी भी बहुत कुछ नहीं जानता.

हालाँकि, मैंने पाया है कि थोड़ी सी HTML जानकारी वेब के लिए लिखते समय चीजों को बहुत आसान बना सकती है.

हाइपर टेक्स्ट मार्कअप भाषा सीखें

ज़रूर, मुझे नहीं पता कि वेबसाइट कैसे बनाई जाती है, लेकिन मुझे पता है कि छोटे घटकों को कैसे ट्विस्ट किया जाता है, और जब मुझे एक एडिटिंग सिस्टम का सामना करना पड़ता है जिसमें HTML कोड की आवश्यकता होती है – जिसकी संभावना आपको पूरी तरह से होगी – मुझे पता है मेरे पाठ को सही ढंग से प्रारूपित करने के लिए पर्याप्त है.

उस भ्रम को खत्म करना चाहते हैं और HTML कोडिंग के बारे में थोड़ा सीखना चाहते हैं? आएँ शुरू करें.

HTML Code क्या है??

आपने इसे चारों ओर देखा है, लेकिन आप शायद यह नहीं जानते हैं कि HTML gibberish का मतलब क्या है.

इसका अर्थ है हाइपर टेक्स्ट मार्कअप लैंग्वेज. एचटीएमएल एक मानकीकृत प्रणाली है जिसका उपयोग दस्तावेजों को प्रारूपित करने के लिए किया जाता है। उपयोग किए गए कोड – जिन्हें मार्कअप टैग कहा जाता है – फ़ॉन्ट, पाठ आकार, रंग, हाइपरलिंक, पैराग्राफ और बहुत कुछ प्रारूपित कर सकते हैं.

वेब ब्राउज़र HTML पढ़ते हैं और सामग्री का प्रदर्शन कैसे करें, यह निर्धारित करने के लिए टैग का उपयोग करते हैं। टैग का एक उदाहरण वह है जो बोल्ड टेक्स्ट बनाता है, जो इस तरह दिखता है:

यह बोल्ड टेक्स्ट है.

पृष्ठ पर, यह इस तरह दिखता है:

यह बोल्ड टेक्स्ट है.

पूरे वर्ष में HTML के कई संस्करण रहे हैं, लेकिन अक्टूबर 2014 तक, HTML5 वेब की मानकीकृत मार्कअप भाषा है.

पता करने के लिए ब्लॉगर्स के लिए यह अच्छा क्यों है

जबकि आप किसी भी HTML को एक ब्लॉगर के रूप में जाने बिना और इसके बजाय थोड़ा सा धोखा देने के द्वारा प्राप्त करने में सक्षम हो सकते हैं – जैसे कि एक प्रोग्राम का उपयोग करना जो आपके स्वरूपण को HTML भाषा में परिवर्तित करता है – कुछ मूल टैगों को जानना वास्तव में आपके ब्लॉग की मदद कर सकता है.

यहाँ कुछ स्थितियाँ हैं जिनमें मैंने व्यक्तिगत रूप से इसे उपयोगी पाया है:

  • जब अतिथि ब्लॉगिंग करते हैं, तो कुछ साइटें चाहती हैं कि आपका लेखक HTML प्रारूपण में लिखा गया हो। थोड़े से ज्ञान के साथ, आप लिंक और इटैलिक को जोड़ने में सक्षम होंगे जहाँ ज़रूरत हो.
  •  जब कुछ बंद दिखता है, तो आप पृष्ठ पर HTML को देख सकते हैं और देख सकते हैं कि समस्या क्या है.
  •  ऑनलाइन नेटवर्किंग में, आप ब्लॉग पोस्ट टिप्पणियों और मंच टिप्पणियों को प्रारूपित करने के लिए HTML टैग का उपयोग कर सकते हैं.
  •  यदि आप HTML के बारे में पर्याप्त सीखते हैं, तो आप सीएसएस के बारे में थोड़ा सीखना शुरू कर सकते हैं और अपनी वेबसाइट पर एक डिजाइनर को काम पर रखे बिना मामूली बदलाव कर सकते हैं.

आम कोड ब्लॉगर का उपयोग करें

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

भ्रामक लगता है? यदि मैं कुछ उदाहरण देता हूं तो यह आसान है। आइए एक नजर डालते हैं ऐसे ही कुछ सामान्य HTML टैग्स पर जिन्हें आपको एक ब्लॉगर के रूप में जानना चाहिए.

कंकाल टैग

सबसे पहले कंकाल के टैग आते हैं। ये वे हैं जो आप आवश्यक रूप से उपयोग नहीं करते हैं, लेकिन यह उन्हें जानने में मदद करता है। ये टैग दस्तावेज़ के लिए आधारशिला रखते हैं, इसलिए शब्द “कंकाल टैग”। उन्हें वेब पेज द्वारा पढ़ा नहीं जाएगा, लेकिन दृश्य तत्वों में अनुवाद नहीं किया जाएगा.

फिर भी, यह जानना अच्छा है उदाहरण के लिए, क्या आपने कभी ऐसे प्रोग्राम के साथ काम किया है जो आपको अपनी वेबसाइट के “हेड” सेक्शन में एक कोड पेस्ट करने के लिए कहता है? आप HTML ज्ञान की एक बिट के साथ मिल जाएगा। तो यहां कुछ कंकाल टैग हैं जिन्हें आपको जानना चाहिए:

  • : यह अनुभाग HTML दस्तावेज़ का वर्णन करता है.
  •   : यह खंड दस्तावेज़ के बारे में जानकारी प्रदान करता है.
  •   : यह दस्तावेज़ का शीर्षक प्रदान करता है.
  •   : यह दृश्य पृष्ठ तत्वों का वर्णन करता है। यह पृष्ठ के मुख्य भाग में है कि ब्लॉगर अक्सर आवश्यकता पड़ने पर HTML मोड़ बनाते हैं। उल्लिखित शेष दस्तावेज़ के निकाय के भीतर पाए जाते हैं.
  •  

    : यह टैग एक पैराग्राफ का वर्णन करता है.

याद रखें कि आपका पृष्ठ पाठ आरंभ और अंत टैग में संलग्न है। यहाँ एक उदाहरण है:

यह पैरा टेक्स्ट है.

शीर्षक टैग

दस्तावेज़ पदानुक्रम दिखाने के लिए शीर्षक टैग का उपयोग किया जाता है। आपके ब्लॉग के प्रारूपण में पहले से ही शीर्षकों का उपयोग करने की संभावना है, लेकिन 1-6 शीर्षकों के बीच अंतर केवल पाठ आकार और फ़ॉन्ट भार से अधिक है। वे वेब ब्राउज़र और खोज इंजन बॉट्स को पदानुक्रम की भावना से भी अवगत कराते हैं.

शीर्षक 1 का उपयोग दस्तावेज़ के मुख्य शीर्षक के लिए किया जाना चाहिए, जैसे कि आपके ब्लॉग पोस्ट का शीर्षक। हेडिंग 2 माध्यमिक जानकारी होनी चाहिए, जैसे कि आपके प्राथमिक सबहेड। सब-सबहेड्स के लिए हेडिंग 3 का उपयोग करें, और हेडिंग के माध्यम से 6 पर। ये टैग इस तरह दिखते हैं:

यहाँ इसका अनुवाद कैसे किया गया है, इसका एक उदाहरण है:

यह शीर्ष 5 है

यह शीर्ष 5 है

इनलाइन टेक्स्ट टैग

इनलाइन टेक्स्ट टैग वे होते हैं जिनका उपयोग आप ब्लॉक-स्तर टैग जैसे टेक्स्ट को प्रारूपित करने के लिए करते हैं

तथा

. आपके द्वारा आमतौर पर उपयोग किए जाने के उदाहरण यहां दिए गए हैं.
  • : यह पाठ पर बल देता है, जो अधिकांश ब्राउज़र इटैलिक करते हैं.
  •   : यह दृढ़ता से पाठ पर जोर देता है, जो अधिकांश ब्राउज़रों को बोल्ड करता है.
  •   : यह एक उद्धरण प्रारूपित करता है.
  •   : यह हटाए गए पाठ को दिखाता है, जो अक्सर स्ट्राइक-थ्रू के रूप में अनुवाद करता है, जैसे.

सूची टैग

जैसा कि आपने देखा है, मैंने इस ब्लॉग पोस्ट में कई बुलेट सूचियों का उपयोग किया है। लेकिन मैंने यह कैसे किया? यहां वे टैग हैं जिन्हें आपको जानना आवश्यक है:

  • : यह एक सूची तत्व को परिभाषित करता है.
  •  
      : यह टैग एक अनियंत्रित सूची के चारों ओर जाता है, जो बुलेट बिंदुओं के रूप में प्रदर्शित होगा.
    •  
        : यह टैग एक ऑर्डर की गई सूची के चारों ओर जाता है, जो संख्याओं के रूप में प्रदर्शित होगा.

    यहां एक उदाहरण दिया जाएगा कि ऑर्डर की गई सूची के लिए HTML कोड कैसा दिखेगा:

    1. सूची आइटम 1
    2. सूची आइटम 2
    3. सूची आइटम 3

    यहाँ पृष्ठ पर यह दिखाया गया है:

    1. सूची आइटम 1
    2.  सूची आइटम 2
    3.  सूची आइटम 3

    छवि और लिंक टैग

    भाग लेने से पहले, आइए छवियों और लिंक को सम्मिलित करने के तरीके पर एक त्वरित नज़र डालें। कोड को देखना और फिर टैग का उपयोग करते समय अपनी जानकारी भरना संभव है:

    संपर्क

    आपका लंगर पाठ

    अपने URL के आसपास के उद्धरण चिह्नों को न निकालें। बस उद्धरण चिह्नों के बीच अपना URL डालें। आपका एंकर टेक्स्ट वह टेक्स्ट है जो पेज पर दिखाई देता है.

    आइए एक उदाहरण देखें। अगर मैं एक पिछले होस्टिंग किंगडम लेख से लिंक करना चाहता था, तो कोड इस तरह दिखाई देगा:

    क्या आपको अपने वेब होस्ट के माध्यम से एक डोमेन रजिस्टर करना चाहिए?

    पृष्ठ पर लिंक इस तरह दिखाई देगा:

    क्या आपको अपने वेब होस्ट के माध्यम से एक डोमेन रजिस्टर करना चाहिए?

    छवि

    छवि के लिए कोड इस तरह दिखता है:

    ध्यान दें कि यह एक गैर-कंटेनर टैग है, इसलिए इसमें अंतिम टैग नहीं है, लेकिन आपको src विशेषता की आवश्यकता है। आप इस टैग में एक्स्ट्रा जोड़ सकते हैं, जैसे कि वैकल्पिक पाठ या आकार की परिभाषा। यह इस तरह दिखेगा:

    ”YOUR

    फिर से, सुनिश्चित करें कि आप उद्धरण चिह्नों को हटा नहीं रहे हैं.

    ध्यान दें: आप अलग-अलग कोड देख सकते हैं जिनका उपयोग उसी चीज़ के लिए किया जा सकता है। उदाहरण के लिए, मैंने देखा है , , तथा टैग बोल्ड टेक्स्ट के लिए उपयोग किए जाते हैं, हालांकि वे विभिन्न ब्राउज़रों पर अलग-अलग दिखा सकते हैं.

    HTML जैसा दिखता है वैसा भ्रामक नहीं होगा। HTML का अभ्यास करने और इसके लिए बेहतर अनुभव प्राप्त करने के लिए, इंटरैक्टिव साइटों का उपयोग करें कोड अकादमी, और हमें बताएं कि यह टिप्पणी अनुभाग में कैसे जाता है.

    Jeffrey Wilson Administrator
    Sorry! The Author has not filled his profile.
    follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map