वेबपेज एलीमेंट्स एड करना (Adding Webpage Elements) एक HTML डॉक्यूमेंट तैयार करना आपके वेबपेज को सेटअप करना अपने वेबपेज को टेस्ट करना (Testing Your Webpage)
कोई भी एलीमेंट, वो चाहे पैराग्राफ हो या हैडिंग, सभी को "<body>" टैग के बाद में और "</body>" टैग के पहले लिखा जाना चाहिए। "body" टैग्स के बीच में <h1></h1> टाइप करें, फिर आप आपके वेबपेज की मेन हैडिंग में जो भी कुछ रखना चाहते हैं, उसे "<h1></h1>" टैग्स के बीच में टाइप कर दें। उदाहरण के लिए, "Welcome" हैडिंग के साथ पेज बनाने के लिए, आपको ऐसा करना होगा:  <h1>Welcome</h1>   आप छोटे हैडिंग टैग्स को बनाने के लिए "<h2></h2>" से  लेकर "<h6></h6>" तक का इस्तेमाल कर सकते हैं। पैराग्राफ टैग्स, जो कि  "<p></p>" हैं, टाइप करें और आप वेबपेज पार पैराग्राफ में जो भी कुछ रखना चाहते हैं, उसे टाइप करें। आपके आखिरी रिजल्ट को कुछ ऐसा दिखना चाहिए:  <p>This is my website. Vote for me for class president!</p> अगर आप पैराग्राफ या हैडिंग के बीच में एक्सट्रा स्पेस रखना चाहते हैं, तो फिर क्लोजिंग टैग्स के बाद में <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> स्क्रीन के बॉटम-लेफ्ट कॉर्नर में मौजूद विंडोज (Windows) लोगो को क्लिक करें। स्टार्ट मेनू आपके सामने आ जाएगा। ऐसा करने के लिए notepad टाइप करें। आपको स्टार्ट मेनू में सबसे ऊपर मेल खाते रिजल्ट्स की एक लिस्ट दिखना शुरू हो जाएगी। ये रिजल्ट्स की लिस्ट में सबसे ऊपर मौजूद मौजूद नीले रंग का नोटपैड आइकॉन होगा। ऐसा करते ही नोटपैड ओपन हो जाएगा। ये नोटपैड विंडो ओपन कर देगा। उसे क्लिक करते ही एक ड्रॉप-डाउन मेनू सामने आ जाएगा। ये ड्रॉप-डाउन मेनू में होगा। इससे Save As विंडो ओपन हो जाएगी। ये ऑप्शन विंडो में सबसे नीचे रहेगा और उसके ऊपर "Text documents (*.txt)" लिखा रहना चाहिए। उसे क्लिक करते ही एक ड्रॉप-डाउन मेनू सामने आ जाएगा। ये ड्रॉप-डाउन मेनू में होगा। ये आपको आपकी फ़ाइल को एक HTML डॉक्यूमेंट की तरह सेव करने देगा। विंडो के लेफ्ट साइड में उस फोल्डर के नेम पर क्लिक करें, जिसमें आप आपके डॉक्यूमेंट को सेव करना चाहते हैं। उदाहरण के लिए, आपके डॉक्यूमेंट को डेस्कटॉप पर सेव करने के लिए, आप ऊपर स्क्रॉल करेंगे और लेफ्ट-हैंड साइडबार में Desktop को क्लिक करेंगे। "File name" टेक्स्ट बॉक्स क्लिक करें, फिर आप आपकी फ़ाइल को जो भी नाम देना चाहते हैं, उसे और उसके बाद में .html टाइप करें। उदाहरण के लिए, आपकी वेबपेज फ़ाइल को "hello" नेम देने के लिए, आप hello.html टाइप करेंगे। ऐसा करने से आपका मौजूद नोटपैड डॉक्यूमेंट एक HTML डॉक्यूमेंट में बदल जाएगा। इस समय पर, आप आपके वेबपेज के शुरुआती स्ट्रक्चर को सेटअप करने के साथ आगे बढ़ सकते हैं। अगर नोटपैड बीच में ही बंद हो जाता है या आपको बाद में आपके डॉक्यूमेंट पर वापस आना है, तो आप आपकी HTML फ़ाइल पर राइट-क्लिक कर सकते हैं और फिर सामने आने वाले ड्रॉप-डाउन मेनू में Edit क्लिक करें। नोटपैड में एड करने वाला पहला टैग बाकी के डॉक्यूमेंट को एक HTML इस्तेमाल करने की जानकारी देता है। नोटपैड में ऐसा टाइप करें:  <!DOCTYPE html> <html> ये टैग्स पेज टाइटल की शुरुआत और अंत को मार्क करते हैं, जिसे आप अगले स्टेप में तैयार करेंगे। अभी के लिए, "<html>" टैग के बाद में सिर्फ <head> टाइप करें, फिर स्पेस देने के लिए दो बार ↵ Enter दबाएँ और </head> टाइप करें। टाइटल, जिसे  "<title></title>" टैग्स के बीच में जाना चाहिए, "head" टैग्स के बीच में जाएगा। ये टाइटल वेबसाइट के नेम को ब्राउज़र टैब में दर्शाएगा। उदाहरण के लिए, आपकी वेबसाइट के नेम को "My Website" एंटर करने के लिए, आप कुछ ऐसा करेंगे:  <title>My Website</title> आपके वेबपेज के सारे कोड्स इन्हीं टैग्स के बीच में जाएंगे, जिसे "</title>" टैग के नीचे जाना चाहिए:  <body>  </body> बंद होता हुआ HTML टैग आपके पेज के आखिर में जाने वाला आखिरी टैग आपके पेज के एंड को दर्शाएगा। HTML टैग को बंद करने के लिए, "</body>" के नीचे </html> टाइप कर दें। इस पॉइंट पर आपके डॉक्यूमेंट को ऐसा दिखना चाहिए:  <!DOCTYPE html> <html>  <head> <title>My Website</title> </head>  <body>  </body>  </html> ऐसा करने के लिए, Ctrl+S प्रैस करें। अब आप आपके डॉक्यूमेंट में पेज के पैराग्राफ और हैडिंग्स जैसे एलीमेंट्स एड करने के साथ आगे बढ़ सकते हैं। ऐसा करने के लिए Ctrl+S प्रैस करें। इससे इस बात की पुष्टि हो जाएगी, कि आप जब HTML डॉक्यूमेंट को ओपन करेंगे, तब वो उसके सबसे मौजूदा वर्जन को दिखाएगा। एक ड्रॉप-डाउन मेनू सामने आएगा। ये ड्रॉप-डाउन मेनू में होगा। ऐसा करते ही एक पॉप-आउट मेनू सामने आ जाएगा। सभी वेब ब्राउज़र HTML डॉक्यूमेंट ओपन कर सकते हैं, इसलिए पॉप-आउट मेनू से आपकी इच्छा से किसी भी वेब ब्राउज़र पर क्लिक कर लें। आपका HTML डॉक्यूमेंट आपके चुने हुए वेब ब्राउज़र में खुल जाएगा। अगर फ़ारमैटिंग आपको अच्छी दिखती है, तो आप आगे बढ़ सकते हैं और आपके नोटपैड को बंद कर सकते हैं। अगर आप आपके HTML डॉक्यूमेंट की एडिटिंग जारी रखना चाहते हैं, तो फिर वापस नोटपैड पर जाएँ और हर बार आपके किए हुए बदलावों को सेव करने की पुष्टि करते हुए जरूरी एडिट्स करें।
"body" टैग्स के बीच में जाने वाले आपके वेबपेज के सभी एलीमेंट्स को जानें: वेबसाइट की मेन हैडिंग एड करें: पेज पर पैराग्राफ टेक्स्ट (paragraph text) एड करें: एक पैराग्राफ ब्रेक (paragraph break) दें: आपके टेक्स्ट में फ़ारमैटिंग एड करें: आपके वेबपेज के अपीयरेंस को रिव्यू करें: स्टार्ट {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/0\/07\/Windowsstart.png","bigUrl":"https:\/\/www.wikihow.com\/images_en\/0\/07\/Windowsstart.png","smallWidth":460,"smallHeight":460,"bigWidth":760,"bigHeight":760,"licensing":"<div class=\"mw-parser-output\"><\/div>"} ओपन करें: Notepad के लिए सर्च करें: Notepad क्लिक करें: File क्लिक करें:  Save As… क्लिक करें: "Save as type" ड्रॉप-डाउन बॉक्स को क्लिक करें: All Files क्लिक करें: एक सेव लोकेशन सिलेक्ट करें: एक नेम और "html" फ़ाइल एक्सटैन्शन एंटर करें: Save क्लिक करें: आपके वेबपेज के लेंग्वेज टैग को एड करें: "head" टैग्स एड करें: आपकी वेबसाइट पर पेज टाइटल एड करें: "body" टैग्स एड करें: HTML लेंग्वेज टैग बंद कर दें: आपके अब तक के HTML डॉक्यूमेंट को रिव्यू करें: अपने डॉक्यूमेंट को सेव कर लें: आपके डॉक्यूमेंट को सेव कर लें: आपके HTML डॉक्यूमेंट पर राइट-क्लिक करें: Open with सिलेक्ट करें: आपके पसंद के वेब ब्राउज़र को ओपन करें: आपके वेबपेज को रिव्यू करें:
https://www.wikihow.com/Create-a-Simple-Webpage-Using-Notepad https://www.wikihow.com/Create-a-Simple-Webpage-Using-Notepad https://www.wikihow.com/Create-a-Simple-Webpage-Using-Notepad https://www.wikihow.com/Create-a-Simple-Webpage-Using-Notepad
Adding Webpage Elements Creating an HTML Document Setting up Your Webpage Testing Your Webpage