कुछ ही घंटों में वेबसाइट कैसे बनाएं

वेबसाइट बनाना कठिन नहीं है. इस आलेख में, हम एचटीएमएल पेज निर्माण की मूल बातें और मिनी-इनक्लूड सूची कैसे बनाएं, इसके बारे में जानेंगे. अगला, हम चर्चा करेंगे कि html का उपयोग कैसे करें>-टेक्स्ट को हाइलाइट करने के लिए टैग करें. अंत में, हम आपको दिखाएंगे कि कुछ ही घंटों में वेबसाइट कैसे बनाई जाती है. हम कुछ अन्य उपयोगी तकनीकों को भी शामिल करेंगे.

एक HTML पेज बनाना

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

आप अपने वेबपेज के लिए सामग्री बनाने के लिए एमएस वर्ड जैसे वर्ड प्रोसेसर का भी उपयोग कर सकते हैं. टेक्स्ट को एक दूसरे से जोड़ने के लिए आप हाइपरलिंक का उपयोग कर सकते हैं. आप फ़ाइल को html फ़ाइल के रूप में भी सहेज सकते हैं, एक वेब पेज. यह तरीका अच्छा काम करता है, लेकिन आप इस तरह से जो पेज बनाते हैं वे बहुत बड़े होते हैं और ब्राउज़र विंडो में अच्छे नहीं लगते हैं. इस पद्धति का एकमात्र नकारात्मक पहलू यह है कि आपको उपलब्ध उपकरणों का उपयोग करना सीखना होगा.

HTML एक मार्कअप भाषा है, जिसका अर्थ है कि आपको पृष्ठ पर सामग्री को प्रारूपित करने के लिए टैग शामिल करने की आवश्यकता है. प्रत्येक टैग पृष्ठ के किसी एक तत्व का प्रतिनिधित्व करता है. एक टैग की पहचान कोण ब्रैकेट द्वारा की जाती है. कुछ तत्वों को केवल एक टैग की आवश्यकता होती है, जबकि अन्य को दो की आवश्यकता होती है. क्लोजिंग टैग में फॉरवर्ड स्लैश होता है. उदाहरण के लिए, पैराग्राफ़ टैग एक तत्व बनाता है जिसे पैराग्राफ़ कहा जाता है. उद्घाटन और समापन टैग के बीच का पाठ पैराग्राफ पाठ का निर्माण करता है. उसी प्रकार, उल टैग एक अव्यवस्थित सूची बनाता है.

एक मिनी-समावेशी सूची बनाना

एक मिनी-इनक्लूड सेक्शन बनाना एक ही वेब पेज पर विभिन्न तत्वों को जोड़ने का एक प्रभावी तरीका है. एक HTML पेज को कई उप-खंडों में विभाजित किया जा सकता है, प्रत्येक अनुभाग में तत्वों की एक सूची होती है. ये तत्व विभिन्न उद्देश्यों की पूर्ति करते हैं. आप वर्णमाला क्रम प्रदर्शित करने के लिए प्रकार विशेषता का उपयोग कर सकते हैं. आप अक्षर a वाले तत्वों की सूची बनाने के लिए छोटे अक्षरों का भी उपयोग कर सकते हैं, बी, या सी.

कोई तत्व जोड़ना आसान है. एक साधारण HTML दस्तावेज़ में ऐसे टैग होते हैं जो इसकी सामग्री को परिभाषित करते हैं. ये टैग आमतौर पर जोड़े में आते हैं. ओपनिंग टैग का उपयोग इसके भीतर के तत्वों को सूचीबद्ध करने के लिए किया जाता है, जबकि समापन टैग तत्व को बंद कर देता है. प्रारंभिक टैग, या सिर, दस्तावेज़ के बारे में वर्णनात्मक जानकारी शामिल है. इस जानकारी में एक शीर्षक शामिल हो सकता है, स्टाइल शीट की जानकारी, लिपियों, या मेटा जानकारी. समापन टैग, वहीं दूसरी ओर, तत्व को बंद कर देता है.

एचटीएमएल का उपयोग करना>-उपनाम

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

href= विशेषता लिंक तत्व को खोलती है. के बाद “=” संकेत, आपको लिंक का यूआरएल पेस्ट करना चाहिए. आप एक शीर्षक में एकाधिक अनुच्छेद पंक्तियों का भी उपयोग कर सकते हैं. समापन कोष्ठक आवश्यक है. इससे आपके लिंक का गलत मतलब निकलने से रोका जा सकेगा. HTML पेज को पढ़ने में आसान बनाने के लिए, अपनी वेबसाइट पर एक लिंक जोड़ें. एचटीएमएल>-टैग आपको ऐसे लिंक जोड़ने की अनुमति देगा जो दूसरे वेब पेज की ओर इशारा करते हैं.

एक HTML फ़ाइल में एक.html एक्सटेंशन होगा जो आपके कंप्यूटर को बताएगा कि यह एक HTML फ़ाइल है. रिक्त स्थान के स्थान पर हाइफ़न का उपयोग करना सबसे अच्छा है, क्योंकि रिक्त स्थान वेब ब्राउज़र को फ़ाइल ढूंढने से रोक देगा. एक बार जब आप HTML पेज बनाना पूरा कर लें, तुम्हें इसे बचाना होगा. अगला, HTML फ़ाइल वाले फ़ोल्डर में नेविगेट करें और उस पर राइट-क्लिक करें. यह नीचे स्क्रीनशॉट के समान दिखना चाहिए.

एचटीएमएल का उपयोग करना>-टेक्स्ट को हाइलाइट करने के लिए टैग करें

आप मार्क का उपयोग कर सकते हैं> HTML दस्तावेज़ों में टेक्स्ट को हाइलाइट करने के लिए टैग. यह अपेक्षाकृत नया HTML है 5 विशेषता, और यह पैराग्राफ के हाइलाइट किए गए भाग को परिभाषित करता है. निशान> टैग अंतर्निहित HTML दस्तावेज़ की पृष्ठभूमि-रंग संपत्ति को बदलकर काम करता है. निशान> टैग ग्लोबल और इवेंट विशेषताओं दोनों का समर्थन करता है. यह टेक्स्ट को पीले या काले रंग में हाइलाइट करेगा. अंतर्निहित सीएसएस फ़ाइल में टेक्स्ट का रंग बदलना भी संभव है.

अधिकांश स्क्रीन रीडर मार्क तत्व की घोषणा नहीं करते हैं, लेकिन आप सीएसएस सामग्री संपत्ति या पहले और बाद में छद्म तत्वों का उपयोग कर सकते हैं ताकि यह स्पष्ट हो सके कि आप किस पाठ को हाइलाइट करना चाहते हैं. घोषणाएँ शब्दाडंबरपूर्ण हैं और पृष्ठ पर अनावश्यक जानकारी जोड़ती हैं, इसलिए आपको इनका संयम से उपयोग करना चाहिए. उदाहरण के लिए, आप किसी खोज शब्द को हाइलाइट करने या उद्धरणों को ब्लॉक करने के लिए घोषणाओं का उपयोग कर सकते हैं. घोषणाएँ सभी प्रमुख ब्राउज़रों द्वारा समर्थित हैं.

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

एचटीएमएल का उपयोग करना>-एक मिनी-शामिल सूची बनाने के लिए टैग

एचटीएमएल>-टैग का उपयोग मिनी-इनक्लूड की सूची बनाने के लिए किया जाता है. इसमें संबंधित समापन टैग होता है और तत्व का नाम लोअरकेस होता है. HTML दस्तावेज़ों को UTF-8 वर्ण एन्कोडिंग का उपयोग करके एन्कोड किया गया है, जो यूनिकोड वर्णों को शामिल करने का समर्थन करता है. एचटीएमएल का उपयोग करते समय>-उपनाम, में UTF-8 का चयन करना सुनिश्चित करें “के रूप रक्षित करें” संवाद बकस.

एचटीएमएल का उपयोग करना>-किसी HTML पेज पर मिनी-इनक्लूड सूची जोड़ने के लिए टैग आसान है. आप इस टैग का उपयोग किसी भी तत्व के लिए कर सकते हैं जो एक अव्यवस्थित सूची का समर्थन करता है. आप नेविगेशन मेनू के लिए एक अव्यवस्थित सूची का भी उपयोग कर सकते हैं. डीएल तत्व शब्दों और विवरणों के जोड़े की एक सूची संलग्न करता है. ऑर्डर की गई सूची में आइटम बाईं ओर एक बढ़ते काउंटर के साथ प्रदर्शित होते हैं. यदि सूची आइटम के तुरंत बाद कोई अन्य तत्व आता है तो आप डीएल तत्व को छोड़ भी सकते हैं.

मिनी-इनक्लूड सूची सम्मिलित करने का दूसरा तरीका HTML दस्तावेज़ में एक पाद लेख तत्व जोड़ना है. यह तत्व निकटतम सेक्शनिंग सामग्री के पाद लेख का प्रतिनिधित्व करता है. इसमें आमतौर पर लेखक के बारे में जानकारी होती है, कॉपीराइट डेटा, या संबंधित दस्तावेज़ों के लिंक. एचटीएमएल का उपयोग करना>-HTML पेज पर मिनी-इनक्लूड सूची बनाने के लिए टैग का उपयोग करें

एचटीएमएल का उपयोग करना>-व्यक्तिगत टेक्स्ट ब्लॉक को हाइलाइट करने के लिए टैग

HTML5 चिह्न के साथ अलग-अलग टेक्स्ट ब्लॉक को हाइलाइट करता है> तत्व. यह HTML5 टैग स्रोत में सामग्री के रंग को पीले या काले रंग की एक निश्चित छाया में बदल देता है, पाठक को महत्वपूर्ण पाठ में अंतर करने की अनुमति देना. इसका उपयोग सामग्री के उन अनुभागों को इंगित करने के लिए भी किया जा सकता है जिन पर अन्य पाठ की तुलना में अधिक ध्यान देने की आवश्यकता है. निशान> तत्व HTML में वैश्विक विशेषताओं और घटना विशेषताओं का समर्थन करता है. जब सही तरीके से इस्तेमाल किया जाता है, यह HTML5 टैग किसी वेबपेज की पठनीयता को बढ़ा सकता है.

HTML4 मानक भौतिक-शैली वर्ण-स्तरीय टैग को हटा देता है. वे प्रस्तुति से निपटते हैं, और इन उद्देश्यों के लिए CSS का उपयोग करना बेहतर है. HTML5 ने उन्हें फिर से प्रस्तुत किया है. वे अब बहिष्कृत नहीं हैं, लेकिन वे अभी भी अलग-अलग टेक्स्ट ब्लॉक को हाइलाइट करने का एकमात्र तरीका नहीं हैं. HTML5 के साथ टेक्स्ट के अलग-अलग ब्लॉक को हाइलाइट करने के लिए CSS का उपयोग करें! यह सरल विधि सामग्री के एक टुकड़े के भीतर अलग-अलग टेक्स्ट ब्लॉक को हाइलाइट करेगी.

पानी पर तैरना: आप इस CSS गुण का उपयोग किसी तत्व को युक्त तत्व के बाएँ या दाएँ किनारे पर तैरने के लिए कर सकते हैं. इसका उपयोग ग्रिड या कॉलम बनाने के लिए किया जा सकता है. आप ब्राउज़र के बाएँ या दाएँ हाशिये पर एक आईफ्रेम या एक छवि को फ़्लोट करने के लिए फ्लोट नामक एक सीएसएस संपत्ति का भी उपयोग कर सकते हैं. ये विशेषताएँ CSS के साथ अलग-अलग ब्लॉक को हाइलाइट करना आसान बनाती हैं.