आर्टिकल डाउनलोड करेंआर्टिकल डाउनलोड करें
X
इस आर्टिकल के सहायक लेखक (co-author) हमारी बहुत ही अनुभवी एडिटर और रिसर्चर्स (researchers) टीम से हैं जो इस आर्टिकल में शामिल प्रत्येक जानकारी की सटीकता और व्यापकता की अच्छी तरह से जाँच करते हैं।
How.com.vn's Content Management Team बहुत ही सावधानी से हमारे एडिटोरियल स्टाफ (editorial staff) द्वारा किये गए कार्य को मॉनिटर करती है ये सुनिश्चित करने के लिए कि सभी आर्टिकल्स में दी गई जानकारी उच्च गुणवत्ता की है कि नहीं।
यह आर्टिकल २,०९४ बार देखा गया है।
ये विकिहाउ गाइड आपको आपके विंडोज (Windows) कंप्यूटर के नोटपैड (Notepad) एप का इस्तेमाल करके एक सिम्पल टेक्स्ट-बेस्ड वेबपेज बनाना सिखाएगी। आप आपके वेबपेज की लेंग्वेज के लिए HTML का इस्तेमाल करेंगे।
चरण
- Notepad के लिए सर्च करें: ऐसा करने के लिए notepad टाइप करें। आपको स्टार्ट मेनू में सबसे ऊपर मेल खाते रिजल्ट्स की एक लिस्ट दिखना शुरू हो जाएगी।
- Notepad क्लिक करें: ये रिजल्ट्स की लिस्ट में सबसे ऊपर मौजूद मौजूद नीले रंग का नोटपैड आइकॉन होगा। ऐसा करते ही नोटपैड ओपन हो जाएगा।
- File क्लिक करें: ये नोटपैड विंडो ओपन कर देगा। उसे क्लिक करते ही एक ड्रॉप-डाउन मेनू सामने आ जाएगा।
- Save As… क्लिक करें: ये ड्रॉप-डाउन मेनू में होगा। इससे Save As विंडो ओपन हो जाएगी।
- "Save as type" ड्रॉप-डाउन बॉक्स को क्लिक करें: ये ऑप्शन विंडो में सबसे नीचे रहेगा और उसके ऊपर "Text documents (*.txt)" लिखा रहना चाहिए। उसे क्लिक करते ही एक ड्रॉप-डाउन मेनू सामने आ जाएगा।
- All Files क्लिक करें: ये ड्रॉप-डाउन मेनू में होगा। ये आपको आपकी फ़ाइल को एक HTML डॉक्यूमेंट की तरह सेव करने देगा।
- एक सेव लोकेशन सिलेक्ट करें: विंडो के लेफ्ट साइड में उस फोल्डर के नेम पर क्लिक करें, जिसमें आप आपके डॉक्यूमेंट को सेव करना चाहते हैं।
- उदाहरण के लिए, आपके डॉक्यूमेंट को डेस्कटॉप पर सेव करने के लिए, आप ऊपर स्क्रॉल करेंगे और लेफ्ट-हैंड साइडबार में Desktop को क्लिक करेंगे।
- एक नेम और "html" फ़ाइल एक्सटैन्शन एंटर करें: "File name" टेक्स्ट बॉक्स क्लिक करें, फिर आप आपकी फ़ाइल को जो भी नाम देना चाहते हैं, उसे और उसके बाद में .html टाइप करें।
- उदाहरण के लिए, आपकी वेबपेज फ़ाइल को "hello" नेम देने के लिए, आप hello.html टाइप करेंगे।
- Save क्लिक करें: ऐसा करने से आपका मौजूद नोटपैड डॉक्यूमेंट एक HTML डॉक्यूमेंट में बदल जाएगा। इस समय पर, आप आपके वेबपेज के शुरुआती स्ट्रक्चर को सेटअप करने के साथ आगे बढ़ सकते हैं।
- अगर नोटपैड बीच में ही बंद हो जाता है या आपको बाद में आपके डॉक्यूमेंट पर वापस आना है, तो आप आपकी HTML फ़ाइल पर राइट-क्लिक कर सकते हैं और फिर सामने आने वाले ड्रॉप-डाउन मेनू में Edit क्लिक करें।
- आपके वेबपेज के लेंग्वेज टैग को एड करें: नोटपैड में एड करने वाला पहला टैग बाकी के डॉक्यूमेंट को एक HTML इस्तेमाल करने की जानकारी देता है। नोटपैड में ऐसा टाइप करें:
<!DOCTYPE html><html>
- "head" टैग्स एड करें: ये टैग्स पेज टाइटल की शुरुआत और अंत को मार्क करते हैं, जिसे आप अगले स्टेप में तैयार करेंगे। अभी के लिए, "<html>" टैग के बाद में सिर्फ <head> टाइप करें, फिर स्पेस देने के लिए दो बार ↵ Enter दबाएँ और </head> टाइप करें।
- आपकी वेबसाइट पर पेज टाइटल एड करें: टाइटल, जिसे "<title></title>" टैग्स के बीच में जाना चाहिए, "head" टैग्स के बीच में जाएगा। ये टाइटल वेबसाइट के नेम को ब्राउज़र टैब में दर्शाएगा। उदाहरण के लिए, आपकी वेबसाइट के नेम को "My Website" एंटर करने के लिए, आप कुछ ऐसा करेंगे:
<title>My Website</title>
- "body" टैग्स एड करें: आपके वेबपेज के सारे कोड्स इन्हीं टैग्स के बीच में जाएंगे, जिसे "</title>" टैग के नीचे जाना चाहिए:
<body></body>
- HTML लेंग्वेज टैग बंद कर दें: बंद होता हुआ HTML टैग आपके पेज के आखिर में जाने वाला आखिरी टैग आपके पेज के एंड को दर्शाएगा। HTML टैग को बंद करने के लिए, "</body>" के नीचे </html> टाइप कर दें।
- आपके अब तक के HTML डॉक्यूमेंट को रिव्यू करें: इस पॉइंट पर आपके डॉक्यूमेंट को ऐसा दिखना चाहिए:
<!DOCTYPE html><html><head><title>My Website</title></head><body></body></html>
- अपने डॉक्यूमेंट को सेव कर लें: ऐसा करने के लिए, Ctrl+S प्रैस करें। अब आप आपके डॉक्यूमेंट में पेज के पैराग्राफ और हैडिंग्स जैसे एलीमेंट्स एड करने के साथ आगे बढ़ सकते हैं।
- "body" टैग्स के बीच में जाने वाले आपके वेबपेज के सभी एलीमेंट्स को जानें: कोई भी एलीमेंट, वो चाहे पैराग्राफ हो या हैडिंग, सभी को "<body>" टैग के बाद में और "</body>" टैग के पहले लिखा जाना चाहिए।
- वेबसाइट की मेन हैडिंग एड करें: "body" टैग्स के बीच में <h1></h1> टाइप करें, फिर आप आपके वेबपेज की मेन हैडिंग में जो भी कुछ रखना चाहते हैं, उसे "<h1></h1>" टैग्स के बीच में टाइप कर दें। उदाहरण के लिए, "Welcome" हैडिंग के साथ पेज बनाने के लिए, आपको ऐसा करना होगा:
<h1>Welcome</h1>
- आप छोटे हैडिंग टैग्स को बनाने के लिए "<h2></h2>" से लेकर "<h6></h6>" तक का इस्तेमाल कर सकते हैं।
- पेज पर पैराग्राफ टेक्स्ट (paragraph text) एड करें: पैराग्राफ टैग्स, जो कि "<p></p>" हैं, टाइप करें और आप वेबपेज पार पैराग्राफ में जो भी कुछ रखना चाहते हैं, उसे टाइप करें। आपके आखिरी रिजल्ट को कुछ ऐसा दिखना चाहिए:
<p>This is my website. Vote for me for class president!</p>
- एक पैराग्राफ ब्रेक (paragraph break) दें: अगर आप पैराग्राफ या हैडिंग के बीच में एक्सट्रा स्पेस रखना चाहते हैं, तो फिर क्लोजिंग टैग्स के बाद में <br> टाइप करें। उदाहरण के लिए, पैराग्राफ के बाद में एक लाइन ब्रेक बनाने के लिए, आपके पास आखिर में ऐसा कुछ रह जाएगा:
<p>This is my website. Vote for me for class president!</p><br><p>I also like potatoes.</p>
- आप चाहें तो लाइन ब्रेक देने के लिए, पहले के बाद में और भी एक्सट्रा "<br>" टैग इस्तेमाल कर सकते हैं, जिससे आप आपके पहले और दूसरे पैराग्राफ के बीच में स्पेस बना लेंगे।
- आपके टेक्स्ट में फ़ारमैटिंग एड करें: आप किसी भी शब्द, सेंटेन्स साथ ही पैराग्राफ टैग्स के बीच में बोल्ड (bolding), इटेलिक (italics) और अंडरलाइनिंग (साथ में सुपरस्क्रिप्ट और सबस्क्रिप्ट) फ़ारमैटिंग एड कर सकते हैं:
<b>Bold Text</b><i>Italic Text</i><u>Underlined Text</u><sup>Superscript Text</sup><sub>Subscript Text</sub>
- आपके वेबपेज के अपीयरेंस को रिव्यू करें: भले ही वेबपेज के एलीमेंट्स अलग हो सकते हैं, लेकिन आपके डॉक्यूमेंट को इस तरह से कुछ नजर आना चाहिए:
<!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>
- आपके डॉक्यूमेंट को सेव कर लें: ऐसा करने के लिए Ctrl+S प्रैस करें। इससे इस बात की पुष्टि हो जाएगी, कि आप जब HTML डॉक्यूमेंट को ओपन करेंगे, तब वो उसके सबसे मौजूदा वर्जन को दिखाएगा।
- आपके HTML डॉक्यूमेंट पर राइट-क्लिक करें: एक ड्रॉप-डाउन मेनू सामने आएगा।
- Open with सिलेक्ट करें: ये ड्रॉप-डाउन मेनू में होगा। ऐसा करते ही एक पॉप-आउट मेनू सामने आ जाएगा।
- आपके पसंद के वेब ब्राउज़र को ओपन करें: सभी वेब ब्राउज़र HTML डॉक्यूमेंट ओपन कर सकते हैं, इसलिए पॉप-आउट मेनू से आपकी इच्छा से किसी भी वेब ब्राउज़र पर क्लिक कर लें। आपका HTML डॉक्यूमेंट आपके चुने हुए वेब ब्राउज़र में खुल जाएगा।
- आपके वेबपेज को रिव्यू करें: अगर फ़ारमैटिंग आपको अच्छी दिखती है, तो आप आगे बढ़ सकते हैं और आपके नोटपैड को बंद कर सकते हैं।
- अगर आप आपके HTML डॉक्यूमेंट की एडिटिंग जारी रखना चाहते हैं, तो फिर वापस नोटपैड पर जाएँ और हर बार आपके किए हुए बदलावों को सेव करने की पुष्टि करते हुए जरूरी एडिट्स करें।
सलाह
- आप चाहें तो आपके वेबपेज के बैकग्राउंड कलर को बदल सकते हैं या HTML डॉक्यूमेंट के साथ में CSS इस्तेमाल करके फॉन्ट कलर बदल सकते हैं।
विकीहाउ के बारे में
सभी लेखकों को यह पृष्ठ बनाने के लिए धन्यवाद दें जो २,०९४ बार पढ़ा गया है।