ekterya.com

एचटीएमएल में एक वेब पेज कैसे बनाएं

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

चरणों

एचटीएमएल के साथ

एचटीएमएल चरण 1 के साथ एक सरल वेब पेज बनाएं शीर्षक वाला इमेज

Video: How to create a website using HTML and CSS

1
समझें कि HTML क्या है यह कोडिंग भाषा है जिसके साथ वेब पेज बनाए जाते हैं यह देखने के लिए कि यह कैसा दिखता है, इंटरनेट एक्सप्लोरर पर जाएं और चुनने के लिए राइट क्लिक करें "पृष्ठ स्रोत देखें"। आपको कोड वाला पृष्ठ दिखाई देगा: वह HTML है कोड यह है कि ब्राउजर उस व्याख्या करने के लिए क्या देखता है और एक वेब पेज को एक साथ रखता है।
  • Google क्रोम में, प्रेस करें "F12"।
  • में मोज़िला फ़ायरफ़ॉक्स, प्रेस "Ctrl + U" पृष्ठ के स्रोत कोड को देखने के लिए
  • में सफारी, दृश्य चुनें > स्रोत देखें (यू "विकल्प + कमांड + यू")।
  • इंटरनेट एक्सप्लोरर में, मेनू विकल्प "राय" आपको क्या चुनना चाहिए "स्रोत"।
  • एचटीएमएल चरण 2 के साथ सरल वेब पेज बनाएं शीर्षक वाला इमेज
    2
    संभव के रूप में सरल रूप से एक पृष्ठ से प्रारंभ करें, लेकिन आपको सिंटैक्स और स्क्रिप्ट भाषाओं द्वारा अभिभूत किया जाएगा।
  • यह याद रखना महत्वपूर्ण है कि आप एक उद्घाटन टैग और एक समापन टैग के बीच, दोनों HTML के बीच जानकारी लिखेंगे। एक उद्घाटन टैग इस तरह दिखेगा: <____>। एक समापन टैग इस तरह दिखेगा: अंत में, आप को प्रतिस्थापित कर देंगे "____" एक कोड के लिए
  • एचटीएमएल चरण 3 के साथ एक सरल वेब पेज बनाएं शीर्षक वाला इमेज
    3
    होम पर जाएं > कार्यक्रमों > सामान > नोटपैड। यदि आप नोटपैड ++ का उपयोग करते हैं, तो यह बहुत आसान होगा (आप इसे मुफ्त ऑनलाइन के लिए डाउनलोड कर सकते हैं)। जब आप HTML भाषा चुनते हैं, तो आप जो भी लिखते हैं वह स्वचालित रूप से अलग-अलग रंगों से जुड़ा होगा, इस तरह संभवतः त्रुटियों को ठीक करना बहुत आसान होगा।
  • एचटीएमएल चरण 4 के साथ एक सरल वेब पेज बनाएं शीर्षक वाला छवि
    4
    ब्राउज़र को बताएं कि आप किस भाषा का उपयोग करने जा रहे हैं लिखना . यह पहला लेबल है जिसे आपको लिखना होगा, जो कंप्यूटर को बताएगा कि आप एक वेब पेज बनाना शुरू करेंगे। यह अंत में भी बंद होगा, इसलिए दस्तावेज़ के अंत में, इसे बंद करें <>। इससे वेब पेज समाप्त हो जाएगा
  • एचटीएमएल चरण 5 के साथ एक सरल वेब पेज बनाएं शीर्षक वाला छवि
    5
    हेडर जोड़ें (सिर) पृष्ठ के रूप में ग्राफ में दिखाया गया है।
  • एचटीएमएल चरण 6 के साथ एक सरल वेब पेज बनाएं शीर्षक वाला इमेज
    6
    पृष्ठ पर एक शीर्षक दें शीर्षक महत्वपूर्ण है, क्योंकि यह उपयोगकर्ताओं को पृष्ठ के विषय का एक विचार प्रदान करेगा। इसके अलावा, जब उपयोगकर्ता साइट पर एक बुकमार्क डालते हैं, तो शीर्षक ही उनकी बुकमार्क सूची में देखेंगे। शीर्षक के लिए एचटीएमएल कोड है: . टाइप करके शीर्षक के अंत में इसे बंद करें . शीर्षक केवल टैब में दिखाया जाएगा, यह पृष्ठ का शीर्षक ही नहीं होगा।
  • एचटीएमएल चरण 7 के साथ एक सरल वेब पेज बनाएं शीर्षक वाला इमेज



    7
    पृष्ठ का शरीर बनाओ लिखना शरीर टैग को खोलने के लिए फिर इसे लेबल के साथ बंद करें . वेबसाइट के लिए जानकारी बीच में जाएगी और .
  • पृष्ठ को पृष्ठभूमि रंग देने के लिए, आप शरीर को एक शैली जोड़ सकते हैं। बस लिखने के बजाय लिखिए . आप एक अलग रंग या एक हेक्साडेसिमल कोड भी आज़मा सकते हैं। उद्धरणों में शब्द के रूप में जाना जाता है "गुण"। उन्हें अवतरणों से घिरा होना चाहिए!
  • Video: Simple Web Page Kaise Create Karte Hai Using HTML# How To Create SImple Webpage Using HTML

    एचटीएमएल चरण 8 के साथ एक सरल वेब पेज बनाएं शीर्षक वाला छवि
    8
    शरीर टैग्स के बीच कुछ पंक्तियाँ पाठ लिखें
  • ताकि पाठ निम्न पंक्ति में जारी रहेगा (जैसा कि आपने दबाया था "दर्ज" कीबोर्ड पर), वह लिखते हैं:
    .
  • क्या आप कुछ मार्की जोड़ना चाहते हैं, जो कि एक शब्द है जो स्क्रीन के किनारे से दूसरे ओर ले जाता है? आपको केवल लिखना होगा पाठ.
  • एचटीएमएल चरण 9 के साथ एक सरल वेब पेज बनाएं शीर्षक वाला इमेज
    9
    कुछ चित्र जोड़ें यदि आप अपने वेब पेज पर एक इंटरनेट छवि रखना चाहते हैं, तो छवियों के लिए HTML कोड होगा: . समापन लेबल है :, लेकिन यह वैकल्पिक है।
  • Video: कैसे एक वेबसाइट सिर्फ 5 मिनट में HTML का उपयोग नोटपैड में बनाने के लिए (चरण तक चरण)

    एचटीएमएल चरण 10 के साथ एक सरल वेब पेज बनाएं शीर्षक वाला इमेज
    10
    यह सुनिश्चित करने के लिए सब कुछ देखें कि आपके सभी लेबल बंद हैं आपकी वेबसाइट कुछ इस तरह दिखनी चाहिए:




    मेरी वेबसाइट

    मुझे विकी से प्यार है क्योंकि
    यह दुनिया का सबसे अच्छा पृष्ठ है!
    https://wikihow.com/skins/common/images/wikiHow_logo_5.jpg ">



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

    युक्तियाँ

    • यह आलेख बताता है कि कैसे एक वेब पेज बनाने के लिए अपने वेब पेज को प्रकाशित करने के लिए अधिक जानकारी प्राप्त करने के बाद संबंधित लेख पढ़ें।
    • अंतिम परिवर्तन करने से पहले, व्यक्तिगत वेबसाइट्स जैसे कि माइस्पेस जैसे परिवर्तनों का परीक्षण करने के लिए टेम्पलेट का उपयोग करें
    • सभी त्रुटियों को ठीक करना सुनिश्चित करें ताकि यह खोजना आसान हो।
    • जब आप एक लेबल खोलते हैं, तो आपको इसे हमेशा बंद करना चाहिए, जब तक कि उन विशेष लेबलों में से एक न हो जो कि बंद होने की आवश्यकता न हो, जैसे कि या
      . संदेह में, लेबल को बंद करना बेहतर होता है।
    • अधिक उन्नत वेबसाइट बनाने के लिए, वेब एडिटर जैसे माइक्रोसॉफ्ट अभिव्यक्ति वेब का उपयोग करें
    • बंद लेबल कहीं भी नहीं रखा जा सकता है। "अंतिम" प्रवेश करने पर लेबल होना चाहिए "पहले" लेबल पर "बाहर आओ"। इसे इस तरह दिखना चाहिए: पाठ
    • यह गलत लेबल का एक उदाहरण है: पाठ
    • यदि आप कोड को बदलना चाहते हैं, तो फ़ाइल और बदलाव देखें ".htm" द्वारा ".txt"। एक अन्य विकल्प यह है कि आप कोड की दो प्रतियां रिकॉर्ड कर सकते हैं, इनमें से एक ".htm" और दूसरे ".txt"। ऐसा करने से आप इसे बाद में संपादित कर सकते हैं।
    • एचटीएमएल लिखने के लिए, हम एस्प्रेसो एप्लीकेशन की सलाह देते हैं: आप देखेंगे कि यह कोड लिखना आसान होगा, क्योंकि यह आपको अलग शॉर्टकट देगा और आप विकल्प के साथ अपनी वेबसाइट देख सकेंगे "पूर्वावलोकन" HTML को .txt से लेबल बदलने के लिए बिना!
    • आप भी Adobe Dreamweaver का प्रयास कर सकते हैं आपको समस्याएं होने पर आप बहुत उपयोगी हो सकते हैं, क्योंकि यह उन्हें दिखाएगा और आपको ये सिखाना होगा कि उन्हें कैसे हल किया जाए।

    चेतावनी

    • विशेषता अब इस्तेमाल नहीं की जाती है "bgcolor"। तत्वों का पृष्ठभूमि रंग बदलने का सही तरीका सीएसएस के साथ है।
    • सुनिश्चित करें कि आप अपनी स्वयं की छवियों को स्टोर करते हैं ताकि आप वर्तमान मेजबान से बैंडविड्थ चोरी न करें। आप ऐसी तस्वीरों में छवियों को स्टोर कर सकते हैं जैसे फ़ोटबॉकेट, फ़्लिकर या छवियाँ
    • मैन्युअल रूप से दर्ज करना सुनिश्चित करें ".html" या ".htm" फ़ाइल नाम के अंत में और चुनें "सभी फाइलें" या "txt" फ़ाइल प्रकार में यदि आप दोनों नहीं करते हैं तो यह काम नहीं करेगा।
    • लेबल यह एक आधिकारिक HTML टैग नहीं है जैसा कि डब्ल्यू3 सी (वर्ल्ड वाइड वेब कंसोर्टियम) द्वारा परिभाषित है और सभी ब्राउज़रों में काम नहीं कर सकता है। यह टैग बनाया गया था और इंटरनेट एक्सप्लोरर के साथ संगत था, लेकिन अब इसे अन्य ब्राउज़रों द्वारा अपनाया गया है।

    आप की आवश्यकता होगी चीजें

    • नोटपैड (विंडोज के लिए) या टेक्स्टएडिट (मैक के लिए) जैसे टेक्स्ट को संपादित करने के लिए कार्यक्रम
    • जैसे ब्राउज़र मोज़िला फ़ायरफ़ॉक्स या सफारी
    • इंटरनेट कनेक्शन के साथ कंप्यूटर
    • विंडोज एक्सप्लोरर के रूप में फ़ाइल प्रबंधक (वैकल्पिक)
    • छवि संग्रहण साइट जैसे फ़ोटबॉकेट या फ़्लिकर
    सामाजिक नेटवर्क पर साझा करें:

    संबद्ध
    © 2021 ekterya.com