आर्टिकल डाउनलोड करें आर्टिकल डाउनलोड करें

ये विकिहाउ गाइड आपको आपके विंडोज (Windows) कंप्यूटर के नोटपैड (Notepad) एप का इस्तेमाल करके एक सिम्पल टेक्स्ट-बेस्ड वेबपेज बनाना सिखाएगी। आप आपके वेबपेज की लेंग्वेज के लिए HTML का इस्तेमाल करेंगे।

विधि 1
विधि 1 का 4:

एक HTML डॉक्यूमेंट तैयार करना

आर्टिकल डाउनलोड करें
  1. स्क्रीन के बॉटम-लेफ्ट कॉर्नर में मौजूद विंडोज (Windows) लोगो को क्लिक करें। स्टार्ट मेनू आपके सामने आ जाएगा।
  2. ऐसा करने के लिए notepad टाइप करें। आपको स्टार्ट मेनू में सबसे ऊपर मेल खाते रिजल्ट्स की एक लिस्ट दिखना शुरू हो जाएगी।
  3. क्लिक करें: ये रिजल्ट्स की लिस्ट में सबसे ऊपर मौजूद मौजूद नीले रंग का नोटपैड आइकॉन होगा। ऐसा करते ही नोटपैड ओपन हो जाएगा।
  4. क्लिक करें: ये नोटपैड विंडो ओपन कर देगा। उसे क्लिक करते ही एक ड्रॉप-डाउन मेनू सामने आ जाएगा।
  5. क्लिक करें: ये ड्रॉप-डाउन मेनू में होगा। इससे Save As विंडो ओपन हो जाएगी।
  6. ये ऑप्शन विंडो में सबसे नीचे रहेगा और उसके ऊपर "Text documents (*.txt)" लिखा रहना चाहिए। उसे क्लिक करते ही एक ड्रॉप-डाउन मेनू सामने आ जाएगा।
  7. क्लिक करें: ये ड्रॉप-डाउन मेनू में होगा। ये आपको आपकी फ़ाइल को एक HTML डॉक्यूमेंट की तरह सेव करने देगा।
  8. विंडो के लेफ्ट साइड में उस फोल्डर के नेम पर क्लिक करें, जिसमें आप आपके डॉक्यूमेंट को सेव करना चाहते हैं।
    • उदाहरण के लिए, आपके डॉक्यूमेंट को डेस्कटॉप पर सेव करने के लिए, आप ऊपर स्क्रॉल करेंगे और लेफ्ट-हैंड साइडबार में Desktop को क्लिक करेंगे।
  9. "File name" टेक्स्ट बॉक्स क्लिक करें, फिर आप आपकी फ़ाइल को जो भी नाम देना चाहते हैं, उसे और उसके बाद में .html टाइप करें।
    • उदाहरण के लिए, आपकी वेबपेज फ़ाइल को "hello" नेम देने के लिए, आप hello.html टाइप करेंगे।
  10. क्लिक करें: ऐसा करने से आपका मौजूद नोटपैड डॉक्यूमेंट एक HTML डॉक्यूमेंट में बदल जाएगा। इस समय पर, आप आपके वेबपेज के शुरुआती स्ट्रक्चर को सेटअप करने के साथ आगे बढ़ सकते हैं।
    • अगर नोटपैड बीच में ही बंद हो जाता है या आपको बाद में आपके डॉक्यूमेंट पर वापस आना है, तो आप आपकी HTML फ़ाइल पर राइट-क्लिक कर सकते हैं और फिर सामने आने वाले ड्रॉप-डाउन मेनू में Edit क्लिक करें।
विधि 2
विधि 2 का 4:

आपके वेबपेज को सेटअप करना

आर्टिकल डाउनलोड करें
  1. नोटपैड में एड करने वाला पहला टैग बाकी के डॉक्यूमेंट को एक HTML इस्तेमाल करने की जानकारी देता है। नोटपैड में ऐसा टाइप करें:
     <!DOCTYPE html> 
     < 
     html 
     > 
    
  2. ये टैग्स पेज टाइटल की शुरुआत और अंत को मार्क करते हैं, जिसे आप अगले स्टेप में तैयार करेंगे। अभी के लिए, "<html>" टैग के बाद में सिर्फ <head> टाइप करें, फिर स्पेस देने के लिए दो बार Enter दबाएँ और </head> टाइप करें।
  3. टाइटल, जिसे "<title></title>" टैग्स के बीच में जाना चाहिए, "head" टैग्स के बीच में जाएगा। ये टाइटल वेबसाइट के नेम को ब्राउज़र टैब में दर्शाएगा। उदाहरण के लिए, आपकी वेबसाइट के नेम को "My Website" एंटर करने के लिए, आप कुछ ऐसा करेंगे:
     < 
     title 
     > 
    My Website </ 
     title 
     > 
    
  4. आपके वेबपेज के सारे कोड्स इन्हीं टैग्स के बीच में जाएंगे, जिसे "</title>" टैग के नीचे जाना चाहिए:
     < 
     body 
     > 
     </ 
     body 
     > 
    
  5. बंद होता हुआ HTML टैग आपके पेज के आखिर में जाने वाला आखिरी टैग आपके पेज के एंड को दर्शाएगा। HTML टैग को बंद करने के लिए, "</body>" के नीचे </html> टाइप कर दें।
  6. इस पॉइंट पर आपके डॉक्यूमेंट को ऐसा दिखना चाहिए:
     <!DOCTYPE html> 
     < 
     html 
     > 
     < 
     head 
     > 
     < 
     title 
     > 
    My Website </ 
     title 
     > 
     </ 
     head 
     > 
     < 
     body 
     > 
     </ 
     body 
     > 
     </ 
     html 
     > 
    
  7. ऐसा करने के लिए, Ctrl + S प्रैस करें। अब आप आपके डॉक्यूमेंट में पेज के पैराग्राफ और हैडिंग्स जैसे एलीमेंट्स एड करने के साथ आगे बढ़ सकते हैं।
विधि 3
विधि 3 का 4:

वेबपेज एलीमेंट्स एड करना (Adding Webpage Elements)

आर्टिकल डाउनलोड करें
  1. "body" टैग्स के बीच में जाने वाले आपके वेबपेज के सभी एलीमेंट्स को जानें: कोई भी एलीमेंट, वो चाहे पैराग्राफ हो या हैडिंग, सभी को "<body>" टैग के बाद में और "</body>" टैग के पहले लिखा जाना चाहिए।
  2. "body" टैग्स के बीच में <h1></h1> टाइप करें, फिर आप आपके वेबपेज की मेन हैडिंग में जो भी कुछ रखना चाहते हैं, उसे "<h1></h1>" टैग्स के बीच में टाइप कर दें। उदाहरण के लिए, "Welcome" हैडिंग के साथ पेज बनाने के लिए, आपको ऐसा करना होगा:
     < 
     h1 
     > 
    Welcome </ 
     h1 
     > 
    
    • आप छोटे हैडिंग टैग्स को बनाने के लिए "<h2></h2>" से लेकर "<h6></h6>" तक का इस्तेमाल कर सकते हैं।
  3. पैराग्राफ टैग्स, जो कि "<p></p>" हैं, टाइप करें और आप वेबपेज पार पैराग्राफ में जो भी कुछ रखना चाहते हैं, उसे टाइप करें। आपके आखिरी रिजल्ट को कुछ ऐसा दिखना चाहिए:
     < 
     p 
     > 
    This is my website. Vote for me for class president! </ 
     p 
     > 
    
  4. अगर आप पैराग्राफ या हैडिंग के बीच में एक्सट्रा स्पेस रखना चाहते हैं, तो फिर क्लोजिंग टैग्स के बाद में <br> टाइप करें। उदाहरण के लिए, पैराग्राफ के बाद में एक लाइन ब्रेक बनाने के लिए, आपके पास आखिर में ऐसा कुछ रह जाएगा:
     < 
     p 
     > 
    This is my website. Vote for me for class president! </ 
     p 
     >< 
     br 
     > 
     < 
     p 
     > 
    I also like potatoes. </ 
     p 
     > 
    
    • आप चाहें तो लाइन ब्रेक देने के लिए, पहले के बाद में और भी एक्सट्रा "<br>" टैग इस्तेमाल कर सकते हैं, जिससे आप आपके पहले और दूसरे पैराग्राफ के बीच में स्पेस बना लेंगे।
  5. आप किसी भी शब्द, सेंटेन्स साथ ही पैराग्राफ टैग्स के बीच में बोल्ड (bolding), इटेलिक (italics) और अंडरलाइनिंग (साथ में सुपरस्क्रिप्ट और सबस्क्रिप्ट) फ़ारमैटिंग एड कर सकते हैं:
     < 
     b 
     > 
    Bold Text </ 
     b 
     > 
     < 
     i 
     > 
    Italic Text </ 
     i 
     > 
     < 
     u 
     > 
    Underlined Text </ 
     u 
     > 
     < 
     sup 
     > 
    Superscript Text </ 
     sup 
     > 
     < 
     sub 
     > 
    Subscript Text </ 
     sub 
     > 
    
  6. भले ही वेबपेज के एलीमेंट्स अलग हो सकते हैं, लेकिन आपके डॉक्यूमेंट को इस तरह से कुछ नजर आना चाहिए:
     <!DOCTYPE html> 
     < 
     html 
     > 
     < 
     head 
     > 
     < 
     title 
     > 
    My Website </ 
     title 
     > 
     </ 
     head 
     > 
     < 
     body 
     > 
     < 
     h1 
     > 
    Welcome! </ 
     h1 
     > 
     < 
     p 
     > 
    This is my website. I hope you like it here! </ 
     p 
     > 
     < 
     p 
     >< 
     b 
     > 
    Here is some bold text for emphasis. </ 
     b 
     ></ 
     p 
     > 
     < 
     p 
     >< 
     i 
     > 
    Italics can be creepy. </ 
     i 
     ></ 
     p 
     > 
     </ 
     body 
     > 
     </ 
     html 
     > 
    
विधि 4
विधि 4 का 4:

अपने वेबपेज को टेस्ट करना (Testing Your Webpage)

आर्टिकल डाउनलोड करें
  1. ऐसा करने के लिए Ctrl + S प्रैस करें। इससे इस बात की पुष्टि हो जाएगी, कि आप जब HTML डॉक्यूमेंट को ओपन करेंगे, तब वो उसके सबसे मौजूदा वर्जन को दिखाएगा।
  2. एक ड्रॉप-डाउन मेनू सामने आएगा।
  3. सिलेक्ट करें: ये ड्रॉप-डाउन मेनू में होगा। ऐसा करते ही एक पॉप-आउट मेनू सामने आ जाएगा।
  4. सभी वेब ब्राउज़र HTML डॉक्यूमेंट ओपन कर सकते हैं, इसलिए पॉप-आउट मेनू से आपकी इच्छा से किसी भी वेब ब्राउज़र पर क्लिक कर लें। आपका HTML डॉक्यूमेंट आपके चुने हुए वेब ब्राउज़र में खुल जाएगा।
  5. अगर फ़ारमैटिंग आपको अच्छी दिखती है, तो आप आगे बढ़ सकते हैं और आपके नोटपैड को बंद कर सकते हैं।
    • अगर आप आपके HTML डॉक्यूमेंट की एडिटिंग जारी रखना चाहते हैं, तो फिर वापस नोटपैड पर जाएँ और हर बार आपके किए हुए बदलावों को सेव करने की पुष्टि करते हुए जरूरी एडिट्स करें।

सलाह

संबंधित लेखों

एंड्रॉयड पर पॉर्न ब्लॉक करें (Block Porn on Android)
पॉर्न देखना छोड़ें
मूवी डाउनलोड करें
अपने इंस्टाग्राम अकाउंट को रिएक्टिवेट करें (Reactivate Instagram Account)
यूजरनेम बनाएँ
इंस्टाग्राम पर किसी लड़की को इम्प्रेस करें (Instagram Par Kaise Kisi Ko Impress Karen)
व्हाट्सएप के फोटो को अपने फोन के फोटो गैलरी में सेव करें (Save Photos from WhatsApp to Your Android Gallery)
किसी का इमेल पता खोजें
पता करें कि क्या कोई स्नैपचैट पर ऑनलाइन है
इन्स्टाग्राम पर किसी को फॉलो करें (Follow Someone on Instagram)
यूट्यूब पर अपने सब्सक्राइबर्स चेक करें (Check Your Subscribers on YouTube)
गूगल क्रोम में किसी वेबसाइट को ब्लॉक करें (Block a Website in Google Chrome)
यूट्यूब से ऑडियो डाउनलोड करें (Download Audio from YouTube)
फेसबुक पेज को डिलीट करें (Facebook Page ko Delete Kaise Kare)

विकीहाउ के बारे में

सभी लेखकों को यह पृष्ठ बनाने के लिए धन्यवाद दें जो २,२२२ बार पढ़ा गया है।

यह लेख ने कैसे आपकी मदद की?