एचटीएमएल सीखना

2024 लेखक: Angel Austin | [email protected]. अंतिम बार संशोधित: 2024-02-02 15:35

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

HTML का अर्थ हाइपरटेक्स्ट मार्कअप लैंग्वेज है, जो टेक्स्ट को व्यवस्थित करने के लिए एक भाषा है।

वेबसाइटों पर कार्य करने के लिए स्क्रिप्ट का उपयोग करने वाली प्रोग्रामिंग भाषाओं (जावास्क्रिप्ट, पीएचपी, आदि) के विपरीत, अनुक्रमण भाषा (एचटीएमएल) वेबसाइट सामग्री को चिह्नित करने के लिए टैग का उपयोग करती है।

आइए शुरुआत से ही HTML सीखना शुरू करें

जिस प्रकार अंग्रेजी A, B, C, आदि अक्षरों से बनी है, उसी प्रकार HTML अजीबोगरीब "अक्षरों" से बना है:,,

आदि. HTML भाषा के इन अजीबोगरीब "अक्षरों" को वेबमास्टर टैग कहते हैं।

निम्नलिखित HTML टैग का एक उदाहरण है।

टैग इस पाठ के किनारों के चारों ओर एक रेखांकन बनाएं।

सीएसएस भाषा शैलियों के साथ जोड़े गए HTML टैग आपको जल्दी और कुशलता से वेबसाइट बनाने की अनुमति देते हैं।

अन्य भाषाओं में HTML का स्थान
जैसा कि आप जानते हैं, एक अच्छी वेबसाइटकम से कम 5 भाषाओं में निर्मित।
आधुनिक वेबसाइट भाषाओं में बनाई गई है:








एचटीएमएल (संरचना और व्यवस्था)।
सीएसएस (शैली सामग्री)।
जावास्क्रिप्ट (ब्राउज़र क्रियाएँ)।
PHP (सर्वर क्रिया)।
एसक्यूएल (डेटा स्टोरेज)।

HTML मुख्य मौलिक भाषा है जिस पर अन्य आधारित हैं। इसलिए, वेब पर वेबसाइट बनाने का तरीका सीखने वाले किसी भी व्यक्ति के लिए HTML सीखना पहला कदम होना चाहिए।



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






टैग
जैसे जैसे आप HTML सीखना जारी रखते हैं, आपको निश्चित रूप से टैग से परिचित होना चाहिए। सीधे पैरेंट टैग के अंदर टैग सहित साइट की सभी सामग्री होती है। यह टैग आवश्यक है और इसमें उस साइट पृष्ठ की सभी सेटिंग्स शामिल हैं जिसके लिए यह लिखा गया है। ये सेटिंग साइट विज़िटर को दिखाई नहीं देती हैं, केवल ब्राउज़र (Google Chrome, Mozilla Firefox, आदि) इन्हें देखते हैं।







वेबपेज सेटिंग ब्लॉक में सभी "गैर-रेंडर" तत्व शामिल हैं जो ब्राउज़र को आपकी साइट को वेब पर सही ढंग से प्रदर्शित करने में मदद करते हैं।



सभी विकल्प जोटैग के अंदर कॉन्फ़िगर किया जा सकता है, हम इसे देखेंगे, लेकिन थोड़ी देर बाद - जब समय आएगा।



टैग
टैग, टैग की तरह, टैग के अंदर है।
यह टैग आपकी साइट पर वह सारी जानकारी प्रदर्शित करने के लिए आवश्यक है जिसे आप प्रदर्शित करना चाहते हैं।
शीर्षक, पैराग्राफ, टेबल, चित्र और लिंक केवल उन तत्वों का एक छोटा सा हिस्सा हैं जिन्हें टैग के अंदर समाहित किया जा सकता है।
HTML दस्तावेज़ की मूल संरचना:


……


आपकी पहली साइट
अब आप जानते हैं कि आप HTML का उपयोग करके वेबसाइट बना सकते हैं और इसके लिए मूल टैग का उपयोग किया जाता है:

। एक वेब पेज की सीमाओं को रेखांकित करता है।
। ब्राउज़र में वेब पेज प्रदर्शित करने के लिए सेटिंग्स शामिल हैं।
। सभी वेब पेज तत्व (छवियां, वीडियो, टेक्स्ट, आदि) शामिल हैं जिन्हें आप साइट विज़िटर को दिखाना चाहते हैं।

अन्य टैग जैसे,,, हम जल्द ही बात करेंगे।







यह बहुत अच्छा होगा यदि पाठक न केवल इस लेख को पढ़ें, बल्कि अपने कौशल को सुधारने के लिए तुरंत दौड़ें। अपने HTML कौशल को सुधारने के लिए, आपको अपनी पहली वेबसाइट बनानी होगी, जो आपके नए कौशल के लिए एक परीक्षण आधार के रूप में काम करेगी।
यह ज्ञात है कि मोबाइल ऑपरेटर ("एमटीएस", "मेगाफोन" और इसी तरह) हमें मोबाइल सेवाएं प्रदान करते हैं। उसी तरह, होस्टिंग ऑपरेटरों द्वारा हमें साइटों के निर्माण और प्रबंधन के लिए सेवाएं प्रदान की जाती हैं। अपनी वेबसाइट बनाने के लिए किसी भी फ्री होस्टिंग ऑपरेटर की साइट पर जाएं।
सत्यापित होस्टिंग प्रदाताओं में शामिल हैं BEGET orreg, उदाहरण के लिए। आप किसी को भी चुन सकते हैं।
एक संक्षिप्त पंजीकरण के बाद, 24 घंटे के बाद, इंटरनेट पर आपकी पहली वेबसाइट अपने आप बन जाएगी, जो पूरी दुनिया को दिखाई देगी, और आप अभ्यास करना शुरू कर सकते हैं!

आधुनिक साइट संरचना
अब जब आपके पास अपनी साइट है, तो देखें कि टैग में कौन से टैग हैं और वे साइटों पर जानकारी कैसे व्यवस्थित करते हैं।





उपरोक्त चित्र उस संरचना का एक योजनाबद्ध प्रतिनिधित्व है जो HTML भाषा के नवीनतम संस्करण - HTML5 के साथ आया है। HTML5 के साथ न केवल नए टैग आए, बल्कि वेबसाइट बनाने का अर्थ भी आया। चित्र में आपके द्वारा देखे गए सभी टैग मुख्य टैग में समाहित हैं। ये टैग आपकी साइट की संरचना को "रूपरेखा" करने और उसे अर्थ देने में आपकी सहायता करते हैं।







उदाहरण के लिए, टैग के अंदर … साइट का शीर्षक (टैग) और साइट विवरण (टैग) रखना सुविधाजनक है।
साइट (टैग) के मेनू (लिंक) को टैग के अंदर रखना सुविधाजनक है।
अर्थ से संबंधित जानकारी के किसी भी बड़े ब्लॉक को टैग के अंदर रखना सुविधाजनक है। यह कई लेख हो सकते हैं, जिनमें से प्रत्येक टैग, या फ़ोटो (टैग), या तालिकाओं (टैग) में "लिपटे" हैं

) और बहुत कुछ।
किसी भी जानकारी को टैग के अंदर रखना सुविधाजनक है जो. के अर्थ में फिट नहीं बैठता है।
टैग के अंदर, संपर्क जानकारी, साइट के अतिरिक्त अनुभाग, और इसी तरह अतिरिक्त जानकारी रखने की प्रथा है।
तो अब आप इस बात को लेकर थोड़े अधिक कुशल हैं कि आधुनिक वेबसाइट किस चीज से बनी हैं। आइए एक उदाहरण लेते हैंमेरे सिर में उथल-पुथल को अंतर्दृष्टि से विस्मय से बदल दिया गया था।
इसलिए, जब आप अपने होस्टिंग ऑपरेटर की साइट पर फ़ाइल प्रबंधक खोलते हैं और index.php नामक एक दस्तावेज़ ढूंढते हैं, तो बेझिझक उसमें लिखें, जैसे कि खरोंच से, आपकी साइट की संरचना।

मेरी पहली वेबसाइट

पेज का शीर्षक
पृष्ठ विवरण
लिंक 1 | लिंक 2 | लिंक 3

किसी लेख का शीर्षक

यह एक ऐसा ब्लॉक है जिसमें कोई भी जानकारी होती है, और सीएसएस की मदद से आप इस ब्लॉक और पूरी साइट को इसकी सभी सामग्री के साथ, जिस तरह से आप चाहते हैं, रंग सकते हैं। © सर्वाधिकार सुरक्षित

याद रखें कि हमने कहा था कि साइट के लिए अलग-अलग सेटिंग्स हैं? खैर, यहाँ यह है:

हम ब्राउज़रों का उपयोग करके दिखाते हैं कि साइट में रूसी और अंग्रेजी दोनों वर्ण हो सकते हैं (अन्यथा, जब आप साइट खोलते हैं, तो आपको भयानक krakozyabry दिखाई देगा)।
का उपयोग पृष्ठ नाम को इंगित करने के लिए किया जाता है, जो ब्राउज़र टैब और खोज इंजन ("यांडेक्स", Google और इसी तरह) में प्रदर्शित होगा।

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