नोटपैड के साथ एक साधारण वेबपेज कैसे बनाएं: 15 कदम

विषयसूची:

नोटपैड के साथ एक साधारण वेबपेज कैसे बनाएं: 15 कदम
नोटपैड के साथ एक साधारण वेबपेज कैसे बनाएं: 15 कदम

वीडियो: नोटपैड के साथ एक साधारण वेबपेज कैसे बनाएं: 15 कदम

वीडियो: नोटपैड के साथ एक साधारण वेबपेज कैसे बनाएं: 15 कदम
वीडियो: वीपीएन का उपयोग कैसे करें, इस पर अंतिम गाइड 2024, दिसंबर
Anonim

हर दिन, हम विभिन्न वेबसाइटों तक पहुँचते हैं। हालांकि, कभी-कभी हमें आश्चर्य होता है कि क्या अपनी खुद की वेबसाइट बनाना मुश्किल है? इस लेख में, आपको नोटपैड के साथ एक साधारण HTML वेब पेज बनाने के लिए निर्देशित किया जाएगा।

कदम

विधि १ का १: अपना खुद का वेबपेज बनाना

नोटपैड चरण 1 का उपयोग करके एक साधारण वेबपेज बनाएं
नोटपैड चरण 1 का उपयोग करके एक साधारण वेबपेज बनाएं

चरण 1. नोटपैड खोलें।

यह टेक्स्ट एडिटर प्रत्येक विंडोज कंप्यूटर पर उपलब्ध एक अंतर्निहित प्रोग्राम है, और इसे स्टार्ट मेनू में पाया जा सकता है। नोटपैड खुलने के बाद, फ़ाइल > इस रूप में सहेजें पर क्लिक करें, फिर फ़ाइल प्रकार कॉलम में सभी फ़ाइलें चुनें। अपनी बनाई गई फाइल को HTML फॉर्मेट में सेव करें। आम तौर पर, किसी साइट के मुख्य पृष्ठ का फ़ाइल नाम "index.html" होता है, और इसमें साइट के सभी पृष्ठों के लिंक होते हैं।

नोटपैड चरण 2 का उपयोग करके एक साधारण वेबपेज बनाएं
नोटपैड चरण 2 का उपयोग करके एक साधारण वेबपेज बनाएं

चरण 2. HTML को समझें।

एचटीएमएल (हाइपरटेक्स्ट मार्कअप लैंग्वेज) में मार्क (टैग).

ये निशान आपकी वेबसाइट बनाने का काम करते हैं। HTML कोड को समाप्त करने के लिए, एक अंतिम टैग का उपयोग करें, जैसे कि.समाप्ति चिह्न विभिन्न चिह्नों को बंद करने के लिए उपयोगी है, जैसे कि बोल्ड या पैराग्राफ चिह्न।

नोटपैड चरण 3 का उपयोग करके एक साधारण वेबपेज बनाएं
नोटपैड चरण 3 का उपयोग करके एक साधारण वेबपेज बनाएं

चरण 3. फ़ाइल के शीर्ष पर एक टैग डालकर अपना वेब पेज प्रारंभ करें।

नोटपैड चरण 4 का उपयोग करके एक साधारण वेबपेज बनाएं
नोटपैड चरण 4 का उपयोग करके एक साधारण वेबपेज बनाएं

चरण 4. विभिन्न जानकारी दर्ज करने के लिए टैग का उपयोग करें।

पृष्ठ शीर्षक सेट करने के लिए अंक उपयोगी होते हैं, जबकि (वैकल्पिक) टैग का उपयोग वेब पेज की सामग्री की व्याख्या दर्ज करने के लिए किया जाता है। इसके बाद साइन को गूगल जैसे सर्च इंजन द्वारा पढ़ा जाएगा।

नोटपैड चरण 5 का उपयोग करके एक साधारण वेबपेज बनाएं
नोटपैड चरण 5 का उपयोग करके एक साधारण वेबपेज बनाएं

चरण 5. टैग दर्ज करने के बाद, पृष्ठ को टैग के साथ शीर्षक दें, उदाहरण के लिए विकीहाउ HTML

नोटपैड चरण 6 का उपयोग करके एक साधारण वेबपेज बनाएं
नोटपैड चरण 6 का उपयोग करके एक साधारण वेबपेज बनाएं

चरण 6. साइट के शीर्षलेख को चिह्न का उपयोग करके समाप्त करें

नोटपैड चरण 7 का उपयोग करके एक साधारण वेबपेज बनाएं
नोटपैड चरण 7 का उपयोग करके एक साधारण वेबपेज बनाएं

चरण 7. पृष्ठ सामग्री दर्ज करने के लिए टैग का उपयोग करें।

ध्यान रखें कि सभी रंग ब्राउज़र द्वारा समर्थित नहीं होते हैं। उदाहरण के लिए, गहरे भूरे रंग का समर्थन नहीं किया जा सकता है।

नोटपैड चरण 8 का उपयोग करके एक साधारण वेबपेज बनाएं
नोटपैड चरण 8 का उपयोग करके एक साधारण वेबपेज बनाएं

चरण 8. वेब पेज की सामग्री को

उदाहरण के लिए, साइट हेडर बनाकर शुरू करें। साइट हेडर बड़े अक्षरों में साइट का हिस्सा है, और एक चिन्ह के साथ चिह्नित है

जब तक

. संकेत

आप सबसे बड़े फ़ॉन्ट आकार के साथ साइट हेडर बनाने के लिए उपयोग कर सकते हैं। चिह्न के ठीक नीचे चिह्न का उपयोग करने का प्रयास करें, जैसे

मेरी साइट पर आपका स्वागत है

. सुनिश्चित करें कि आप साइन को बंद कर दें

वाक्य के अंत में।

नोटपैड चरण 9 का उपयोग करके एक साधारण वेबपेज बनाएं
नोटपैड चरण 9 का उपयोग करके एक साधारण वेबपेज बनाएं

चरण 9. पृष्ठ पर चिह्न के साथ एक पैराग्राफ बनाएं

उदाहरण के लिए, लिखें

अनुच्छेद परीक्षण!

एक नई लाइन बनाने के लिए, चिह्न का प्रयोग करें, या टूट जाता है।

नोटपैड चरण 10 का उपयोग करके एक साधारण वेबपेज बनाएं
नोटपैड चरण 10 का उपयोग करके एक साधारण वेबपेज बनाएं

चरण 10. आप निश्चित रूप से नहीं चाहते कि आपके द्वारा बनाए गए वेब पेज में केवल सादा पाठ हो।

वेब पेजों पर टेक्स्ट को फ़ॉर्मेट करने के लिए निम्नलिखित फ़्लैग का उपयोग करें: टेक्स्ट को बोल्ड करना, टेक्स्ट को इटैलिक करना और उसे अंडरलाइन करना। ऊपर दिए गए साइन का इस्तेमाल करने के बाद इसे बंद करना न भूलें!

नोटपैड चरण 11 का उपयोग करके एक साधारण वेबपेज बनाएं
नोटपैड चरण 11 का उपयोग करके एक साधारण वेबपेज बनाएं

चरण 11. चिह्न के साथ छवि जोड़ें

Image
Image

साइट को सुशोभित करने और ऐसी जानकारी जोड़ने के लिए जिसे टेक्स्ट फॉर्म में समझाया नहीं जा सकता है।

संकेत

नोटपैड चरण 13 का उपयोग करके एक साधारण वेबपेज बनाएं
नोटपैड चरण 13 का उपयोग करके एक साधारण वेबपेज बनाएं

कार्य करने के लिए कुछ जानकारी की आवश्यकता होती है। साइन का पूरा सिंटैक्स

इस तरह आकार दिया जा सकता है:।

संकेत में src पैरामीटर छवि फ़ाइल नाम, और लंबाई और चौड़ाई का वर्णन करने के लिए चौड़ाई और ऊंचाई फ़ंक्शन लिखने का कार्य करता है।

चरण 12. एक लिंक बनाएं जो एक के साथ दूसरे पेज पर ले जाता है, उदाहरण के लिए एक और पेज।

चिह्न के बीच में पाठ वह पाठ है जो पृष्ठ पर दिखाई देगा, जबकि href पैरामीटर में गंतव्य पृष्ठ होता है। लिंक के साथ, आगंतुक आपकी साइट के विभिन्न पृष्ठों पर आसानी से जा सकते हैं।

चरण 13. जब आप साइट को भरना समाप्त कर लें, तो पृष्ठ को बंद करके समाप्त करें।

अंत में, HTML कोड को इसके साथ बंद करें

नोटपैड चरण 14 का उपयोग करके एक साधारण वेबपेज बनाएं
नोटपैड चरण 14 का उपयोग करके एक साधारण वेबपेज बनाएं

चरण 14. अपने बनाए गए वेब पेज को.html एक्सटेंशन के साथ सहेजें, और इसे परीक्षण करने के लिए अपने पसंदीदा ब्राउज़र में खोलें।

नोटपैड चरण 15 का उपयोग करके एक साधारण वेबपेज बनाएं
नोटपैड चरण 15 का उपयोग करके एक साधारण वेबपेज बनाएं

चरण 15. अपनी साइट को इंटरनेट पर अपलोड करने के लिए निम्नलिखित मार्गदर्शिका पढ़ें।

टिप्स

  • इंटरनेट पर कई ऐसी साइटें हैं जिनमें वेबसाइट बनाने के लिए गाइड होते हैं। W3school अच्छी सामग्री वाली एक साइट है।
  • सुनिश्चित करें कि आप HTML फ़ाइल के प्रत्येक टैग को बंद कर दें।
  • फ़ाइल की पहली पंक्ति में,. यह फ़्लैग इंगित करता है कि आप जो फ़ाइल बना रहे हैं वह एक HTML5 फ़ाइल है।
  • पहले और बाद के अंकों के साथ फ़ॉन्ट बदलें। "N" को अपने इच्छित टाइपफेस से बदलें, उदाहरण के लिए "Verdana"।
  • यदि आपको कोण कोष्ठक का उपयोग करने की आवश्यकता है, तो कोड का उपयोग करें। इस बीच, & साइन का उपयोग करने के लिए, कोड & का उपयोग करें।
  • HTML ट्यूटोरियल्स के अनुसार, आपको वेब फाइल्स और फोल्डर को हमेशा लोअरकेस में, बिना स्पेस और विराम चिह्न के नाम देना चाहिए। जबकि विंडोज़ आपको फ़ाइल नामों में रिक्त स्थान डालने की अनुमति देता है, कई होस्टिंग प्रदाता नहीं करते हैं। साथ ही, एक साफ-सुथरा फ़ाइल नाम आपके लिए अपनी साइट को प्रबंधित करना आसान बना देगा।

सिफारिश की: