IhsAdke.com

HTML में कोई पृष्ठ कैसे लिखें

एचटीएमएल (हाइपरटेक्स्ट मार्कअप लैंग्वेज) वेब पेज के विकास में उपयोग की जाने वाली एक मूल भाषा है यह एक सरल और लचीला कोडिंग भाषा बनने के लिए बनाया गया था वस्तुतः सभी इंटरनेट पृष्ठों को इस कोडिंग (कोल्डफ्यूजन, एक्सएमएल, एक्सएसएलटी) के कुछ भिन्नता के साथ विकसित किया गया है। इस आलेख के बुनियादी परिचय के साथ, आप इस साइट पर अपने ज्ञान को किसी अन्य विकी के साथ विस्तारित कर सकते हैं। कृपया वर्तमान में रहने के लिए इस साइट के बाहर के लेख भी देखें

चरणों

एक HTML पृष्ठ लेखन

1
अगले चरण में से किसी भी प्रारंभ करने से पहले, कृपया इसे पढ़ें आवश्यक सामग्री.
  • 2
    इससे पहले आवश्यक सामग्री और ज्ञान बहुत शामिल:
    • टैग महत्वपूर्ण हैं टैग क्या हैं? टैग पाठ के टुकड़े हैं जो मनुष्य और मशीनों के बीच समझ को सुगम बनाते हैं। जब एचटीएमएल में इस्तेमाल किया जाता है, टैग कोष्ठक में रखा जाता है उनके पास ऐसे गुण हैं जो कंप्यूटर और उपयोगकर्ता को बेहतर तरीके से वर्णन करेंगे। यह उसी तरह कार्य करता है जब एक लिंक का एक विशेषता है जिसे कहा जाएगा href, यह निर्धारित करता है कि आप इस लिंक पर क्लिक करते समय किस पृष्ठ पर जाना चाहते हैंसाँचा: हरालगभग सभी टैग उसी नाम के टैग के साथ, उनके नाम से पहले स्लैश के साथ बंद होना चाहिए, जैसा कि ऊपर देखा गया है। टैग्स जैसे कुछ अपवाद हैं मेटा या DOCTYPE.
  • 3
    doctypes
    • आमतौर पर, अधिकांश वेब पेजों द्वारा वर्णित है doctypes. वे आपको एन्कोडिंग की पहचान करने में सहायता करते हैं, साथ ही ब्राउज़र द्वारा पृष्ठ को किस तरह से व्याख्या किया जाना चाहिए। अधिकांश पेज बिना उनके काम करेंगे, लेकिन यदि आप पृष्ठ को मान्य करना चाहते हैं, तो वे आवश्यक हैं (वे विभिन्न प्रकार के इंटरनेट कोडिंग को विनियमित करने में मदद करते हैं और इन प्रकारों का उपयोग कैसे किया जा सकता है). संस्करण 4.01 के एचटीएमएल के लिए एक DOCTYPE नीचे देखा जा सकता है:साँचा: हरा यह एक है doctypes वेब पेज पर अधिक सामान्य सबसे पहले, यह पृष्ठ प्रकार निर्दिष्ट करता है जो `html` का वर्णन करता है, और फिर यह पृष्ठ एन्कोडिंग के प्रकार की सार्वजनिक परिभाषा देता है। अंत में, यह DOCTYPE का स्थान देता है जो ब्राउज़र को पृष्ठ का सर्वोत्तम वर्णन करता है।
    • एचटीएमएल प्रकार में भिन्नताएं (वर्षों में विकसित विभिन्न संस्करण), जैसे कि विशिष्ट टैग्स या टैग का उपयोग। कुछ टैग अप्रचलित हैं (बेहतर और अधिक उपयोगी टैग के लिए अनुपयोगी)
    • यह वर्तमान में टैग के साथ होता है और , क्योंकि वे पाठ की सजावट में अधिक उपयोग करते हैं, और एक विनिर्देश के रूप में नहीं, और इसलिए अन्य टैग उनकी जगह ले लेते हैं। टैग जगह लेता है , बस टैग की तरह जगह लेता है .
    • यह महत्वपूर्ण है, क्योंकि पिछली टैग्स को टैग के साथ बदल दिया गया है जो स्वरूपण से अधिक का प्रतिनिधित्व करते हैं। यदि पाठ का अनुवाद किया गया है, तो टेक्स्ट का अर्थ एक समान रहता है, न कि सिर्फ स्वरूपण। यह शब्दार्थ सही है
    • एक्सएचटीएमएल के संस्करण 2.0 से, टैग और को अप्रचलित माना जा रहा है, साथ ही साथ एचटीएमएल के पिछले 3 संस्करण भी हैं।
  • 4
    "इनकैप्सुलेशन नियम" का HTML
    • अब चलो देखते हैं सबसे महत्वपूर्ण टैग इस्तेमाल किया। एक पृष्ठ के निर्माण के रूप में, इसके लिए एक बुनियादी संरचना है। जब कोई टैग खोला जाता है, इसे बंद करने की आवश्यकता है. पूरे लेआउट को इस नियम का सम्मान करना चाहिए यहां एक XHTML लेआउट का एक वैध उदाहरण है:साँचा: हरा
    • सभी कोडिंग प्रणालियां एक नमूना कोड का निर्माण करती हैं, यह दिखाती है कि इस कोडिंग भाषा को संदेश बनाने के लिए क्या ज़रूरी है हैलो दुनिया. यह तथाकथित परीक्षण है हैलो दुनिया.



  • 5
    हेडर (हैडर)
    • वेब पृष्ठ का शीर्ष लेख वह सामग्री है जो टैग के बीच मौजूद है . यह सामग्री उपयोगकर्ता को दिखाई नहीं दे रही है (शीर्षक को छोड़कर, जो स्पष्ट रूप से पृष्ठ शीर्षक में प्रदर्शित किया गया है)। जानकारी टैग के बीच है , जो कई अन्य टैग हो सकते हैं, जैसे:
      • मेटा टैग, पाठ जानकारी निर्दिष्ट करने के लिए उपयोग किया जाता है जो खोज इंजन या अन्य उपयोगिताओं को सहायता करता है
      • LINK टैग, जो स्टाइल शीट (सीएसएस) जैसे दस्तावेज़ों के लिए एक कनेक्शन प्रदान करता है।
      • SCRIPT टैग, जो लगभग किसी भी वेब एन्कोडिंग पेज द्वारा एकीकृत या दूरस्थ रूप से पहुँचा जा सकता है (एक अलग दस्तावेज़ में)।
      • STYLE टैग, जो मूल रूप से एक स्टाइल शीट है जिसे इस विशेष पेज पर सीधे इन प्रोग्राम के बीच प्रोग्राम किया गया है।
      • TITLE टैग, जो एक शीर्षक प्रदान करता है जो ब्राउज़र के शीर्ष पट्टी पर रखा जाता है या, जैसे फ़ायरफ़ॉक्स, जो टैब पर भी प्रदर्शित होता है
    • यहां इस साइट के कुछ शीर्ष लेख नमूने में इनमें से कुछ टैग प्रदर्शित किए गए हैं (वे घनीभूत थे):साँचा: हरा अगर आपको सूचना नहीं मिली है, तो मैंने एक टैग लिया और कोई वास्तविक जानकारी कट ली। यह कुछ अच्छी तरह से सघन है और बहुत ज्यादा किसी भी टैग आप में रह सकते हैं एक HTML टिप्पणी के अपवाद के साथ (हम इसके बारे में मूल टैग में चर्चा करेंगे)।
  • 6
    बुनियादी टैग हर जगह
    • चलो जारी रखें और कुछ टैग्स के बारे में बात करें जो हमने पहले से ही चर्चा की है और दूसरों को सूचीबद्ध करते हैं। उनके उपयोग पर ध्यान दें और हमेशा सुनहरा नियम याद रखें, "इनकैप्सुलेशन।"
      • साँचा: हरा टेक्स्ट बनाओ प्रकट होने के लिए जो अधिक प्रमुख है, ऐसा नहीं है कि यह बोल्ड है।
      • साँचा: हरा सामान्य पाठ की तुलना में एक आकार के फ़ॉन्ट आकार में कमी का उपयोग करता है फ़ॉन्ट आकार मानक इकाइयों 1 से 7 में मापा जाता है, और सामान्य टेक्स्ट आकार 3 डिफ़ॉल्ट रूप से होता है।
      • साँचा: हरा स्वरूपित पाठ का एक ब्लॉक परिभाषित करता है यह पाठ आमतौर पर एकल स्थान में फ़ॉन्ट के साथ और शब्दों के बीच सभी रिक्त स्थान के साथ टाइप किया जाता है।
      • साँचा: हरा पाठ को एक शैली के रूप में नहीं बल्कि अर्थ में जोर देता है।
      • साँचा: हरा एक स्ट्राइकथ्रू पाठ बनाता है जिसे हाइलाइट किया गया था।
      • साँचा: हरा पाठ को यह दिखाने के लिए रेखांकित करता है कि यह जोड़ा गया है - कभी-कभी टैग के उपयोग के बाद .
      • साँचा: हरा कई मौजूदा हेडर टैग्स में से एक सभी में एक `एच` है, लेकिन संख्या भिन्न हो सकती है - एक ही हेडर नंबर के साथ टैग को बंद करें
      • साँचा: हरा एक अनुच्छेद के रूप में एकत्र हुए वाक्य के एक समूह को परिभाषित करता है।
      • साँचा: हरा अन्य टैग के विपरीत, जो सामग्री आप एक HTML टिप्पणी में प्रदर्शित करना चाहते हैं, वह टिप्पणी के भीतर होनी चाहिए। यह जानकारी केवल तभी देखी जा सकती है जब स्रोत कोड को सीधे पाठ संपादक में देखा जाता है
      • साँचा: हरा एक स्रोत से उद्धृत किया गया टेक्स्ट सेट करता है, और फ़ॉन्ट को टैग के साथ वर्णित किया जा सकता है .
      • यह पूरी सूची नहीं है: अधिक जानकारी के लिए, एचटीएमएल डॉग पर जाएँ जो कि मौजूद विभिन्न टैगों के एक महान सिंहावलोकन हैं।
    • दोबारा, मैं जो ज्ञान प्रदान करता हूं वह सिर्फ जानने का एकमात्र स्थान नहीं है - कृपया कई मौजूदा टैगों के साथ ही अच्छे स्पष्टीकरण और उदाहरणों पर एक महान मार्गदर्शिका खोजने के लिए सुझाए गए साइट पर जाएं।
  • 7
    एक सूचनात्मक फ्रेमवर्क का निर्माण
    • पृष्ठों को टैग के एक सरल सेट में डेटा संग्रहीत करने के लिए बनाया गया है, इसलिए हम अनुच्छेदों में इस जानकारी के बारे में हेडर रख सकते हैं। कंप्यूटर केवल समझता है कि डेटा क्या मौजूद है, लेकिन ऐसा नहीं है कि सब कुछ एक-दूसरे के साथ जोड़ता है कंप्यूटर संदर्भ या विचारों के संबंध से अवगत नहीं है। वह उस तरह का नहीं है मस्तिष्क. कंप्यूटर को प्रत्येक विभाजन अनुभाग के लिए सामग्री संबंध समझने में मदद करने के लिए हमें उत्तरदायी HTML पृष्ठ बनाने की आवश्यकता है यह कहा जाता टैग द्वारा प्राप्त किया जा सकता है
      . इससे हमें बहुत सारे पृष्ठ बनाने में मदद मिलती है जो आज हम देखते हैं। CSS शैली शैली लागू होती है, और एक लेआउट बनाने के लिए बड़ी कोड तालिका टाइप करने से यह आसान है
      • साँचा: हरा यह टैग विशेष है क्योंकि इसे आसानी से स्टाइलिश किया जा सकता है और सूचना के ब्लॉक को ऐसे तरीके से अलग करने के लिए उपयोग किया जा सकता है जो उपयोगकर्ता और कंप्यूटर दोनों समझ सकते हैं।
    • चलिए एक बहुत ही सरल HTML लेआउट पर एक नज़र डालें, जिसमें टैग का उपयोग करना शामिल है
    • नामकरण टैग
      जब आप सीएसएस और जावास्क्रिप्ट का उपयोग करते हैं तो डेटा को ढूंढने और शैलियों को अधिक आसानी से बनाने में आपकी मदद करता है HTML बेहतर और अधिक उत्तरदायी उपयोगकर्ता इंटरैक्शन बनाने के लिए सीएसएस के रूप में कार्य करने के लिए एक अलग एन्कोडिंग का इस्तेमाल करेगा

    • युक्तियाँ

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

      (अनुच्छेद) और
      (लाइन ब्रेक) 2 उदाहरण हैं। अन्य टैग के साथ खोला जाता है <> और एक की आवश्यकता है बंद करने के लिए

      उदाहरण हैं

    चेतावनी

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

    आवश्यक सामग्री

    • ANSI एन्कोडिंग का समर्थन करने वाला एक पाठ संपादक
    • इंटरनेट एक्सप्लोरर या मोज़िला फ़ायरफ़ॉक्स जैसी एक वेब ब्राउज़र
    • (वैकल्पिक) एक Wysiwyg या wykiwyg HTML संपादक, जैसे Adobe Dreamweaver, Aptana स्टूडियो, या माइक्रोसॉफ्ट अभिव्यक्ति वेब

    सूत्रों और कोटेशन

    और पढ़ें ... (3)
    सामाजिक नेटवर्क पर साझा करें:

    संबद्ध
    © 2021 IhsAdke.com