नोटपैड का उपयोग कर एक सरल वेब पेज कैसे बनाएं

वेब पेज हम हर दिन उनका उपयोग करते हैं लेकिन वेब पेज बनाने में कितना मुश्किल है? इस गाइड के साथ आप सीखेंगे कि नोटपैड का उपयोग करते हुए एक सरल वेब पेज को आसानी से कैसे लिखें।

सामग्री

कदम

अपने वेब पेज को बनाएं

टिप्स

कदम

अपने वेब पेज को बनाएं

नोटपैड का उपयोग करके एक सरल वेबपेज बनाएं शीर्षक वाला चित्र चरण 1

नोटपैड खोलें इस पर क्लिक करें "फ़ाइल" -> "के रूप में सहेजें"। फ़ाइल प्रकार मेनू से सभी फाइलों को चुनें फ़ाइल को * .html के रूप में सहेजें आप किसी भी फ़ाइल नाम के साथ * प्रतीक को प्रतिस्थापित कर सकते हैं। किसी साइट का मुख्य पृष्ठ आमतौर पर index.html कहा जाता है। अब आप कोडिंग शुरू कर सकते हैं चिंता मत करो, यह मुश्किल नहीं है!

नोटपैड चरण 2 का उपयोग करते हुए एक सरल वेबपेज बनाएँ शीर्षक वाला छवि

एचटीएमएल भाषा (हाइपरटेक्स्ट मार्कअप लैंग्वेज) I का उपयोग करता है I टैग. टैग मूल रूप से एक पाठ के भीतर हैं . आप अपने वेब पेज को बनाने के लिए कई अलग-अलग टैग का उपयोग करेंगे। वहाँ भी हैं "बंद टैग" जो /: प्रतीक से पहले टैग नाम से लिखा गया है यह कोडिंग किसी प्रभाव के आवेदन को समाप्त करता है, उदाहरण के लिए एक बोल्ड एक

नोटपैड का उपयोग करते हुए एक सरल वेबपेज बनाएं शीर्षक वाला चित्र चरण 3

वेब पेज का पहला टैग आमतौर पर होता है: .आप इसे नोटपैड फ़ाइल के शीर्ष पर डाल सकते हैं।

नोटपैड का उपयोग करते हुए एक सरल वेबपेज का शीर्षक चित्र 4

निम्नलिखित टैग है .
टैग हेड टैग के अंदर है , जो ब्राउज़र को बताता है कि ब्राउज़र विंडो के शीर्ष पर क्या डाला जाना चाहिए, और i <i>मेटा टैग</i>, कि Google जैसे खोज इंजनों में साइट की सामग्री को संचारित करती है

नोटपैड का उपयोग करते हुए एक सरल वेबपेज बनाएं शीर्षक शीर्षक छवि चरण 5

हेड टैग के बाद लाइन पर, आपको एक शीर्षक दर्ज करना होगा: wikiHow एचटीएमएल.

नोटपैड का उपयोग करके एक सरल वेबपेज बनाएँ शीर्षक शीर्षक छवि चरण 6

अब शीर्षक टाइप करना खत्म करो और शीर्षक टैग को पहले और बंद करें

नोटपैड का उपयोग करते हुए एक सरल वेबपेज शीर्षक शीर्षक छवि 7

इस बिंदु पर टैग प्रकट होता है . ध्यान दें कि सभी रंग हर ब्राउज़र द्वारा समर्थित नहीं हैं। उदाहरण के लिए, गहरे भूरे रंग - गहरे भूरे रंग - शायद अधिकांश ब्राउज़रों द्वारा कोडित नहीं किया गया है

नोटपैड का उपयोग करके एक सरल वेबपेज बनाएं शीर्षक शीर्षक छवि 8

आपके वेब पृष्ठ की सामग्री को दो निकायों के बीच शामिल किया जाना चाहिए, जो उपयोगकर्ता देखता है। चलिए एक शीर्षलेख के साथ शुरू करते हैं। एक बड़े पाठ अनुभाग का शीर्षक HTML में निर्दिष्ट होता है। समापन टैग को याद रखें, अन्यथा पूरे पेज विशाल आकार में लिखा जाएगा!

नोटपैड का उपयोग करते हुए एक सरल वेबपेज शीर्षक शीर्षक छवि 9

एक और टैग जो वेब पेज के शरीर में डाला जा सकता है
या पैराग्राफ
इसलिए, शीर्षलेख के बाद, आप इसे डाल सकते हैं:

मैं एक वेबसाइट बनाने के बारे में सीख रहा हूं! विकी मुझे यह सिखाता है!

यदि आप अपनी साइट पर एक नई लाइन चाहते हैं, तो टैग का उपयोग करें
या रुकावट टैग

नोटपैड का उपयोग करते हुए एक सरल वेबपेज शीर्षक शीर्षक छवि 10

आप शायद केवल एक सादा पाठ पृष्ठ नहीं चाहते हैं तब आप कुछ स्वरूपण तत्वों को सम्मिलित कर सकते हैं। के लिए बोल्ड टेक्स्ट, के लिए तिरछा और के लिए बल देना. समापन टैग याद रखें!

नोटपैड का उपयोग करके एक सरल वेबपेज बनाएँ शीर्षक शीर्षक छवि चरण 11

क्या साइट वास्तव में दिलचस्प बनाता है चित्र हैं यहां तक कि प्रारूपण के साथ, जो शब्द पर केवल शब्द देखना चाहते हैं? छवियों को सम्मिलित करने के लिए, टैग का उपयोग करें . लेकिन, शारीरिक टैग की तरह, इस को कुछ अतिरिक्त जानकारी की आवश्यकता है। इमेज टैग इस तरह दिख सकता है:। Src (स्रोत, स्रोत) छवि का नाम है चौड़ाई और ऊंचाई पिक्सेल में छवि की चौड़ाई और ऊंचाई हैं, क्रमशः।

नोटपैड का उपयोग करके एक सरल वेबपेज का शीर्षक चित्र 12

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

नोटपैड का उपयोग करते हुए एक सरल वेबपेज का शीर्षक चित्र 13

अंत में, आपको बॉडी टैग को समाप्त करने की आवश्यकता है और इसके साथ पूरे पृष्ठ।

नोटपैड का उपयोग करते हुए एक सरल वेबपेज का शीर्षक चित्र 14

सुनिश्चित करें कि आपके पास * .html अंतिम एक्सटेंशन है और फ़ाइल को अपने पसंदीदा ब्राउज़र में खोलें। बधाई! आपने अभी एक वेब पेज बनाया है

नोटपैड का उपयोग करते हुए एक सरल वेबपेज शीर्षक शीर्षक छवि 15

यदि आप अपनी साइट को वेब पर रखना चाहते हैं, तो पढ़ें अपने व्यक्तिगत डोमेन में एक साइट को कैसे प्रकाशित करें.

टिप्स

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

सामाजिक नेटवर्क पर साझा करें:

संबद्ध