HTML, बिना किसी संदेह के, इंटरनेट की मुख्य भाषा है,उसके साथ उत्पन्न हुआ। एक तरह से या किसी अन्य, वह वर्ल्ड वाइड वेब पर हर वेब पेज के निर्माण और संचालन में शामिल है। यह समझने के बिना कि HTML क्या है और यह कैसे काम करता है, पाठ की एक सतत धारा को मोड़ना असंभव है, जो मूल रूप से किसी भी दस्तावेज को एक संरचित, सुंदर और उपयोगकर्ता के अनुकूल साइट में बदल देता है।
संक्षिप्त नाम अंग्रेजी से लिया गया हैहाइपरटेक्स्ट मार्कअप भाषा वाक्यांश। अनुवाद पूरी तरह से बताता है कि HTML क्या है - यह एक हाइपरटेक्स्ट मार्कअप भाषा है। यह इंटरनेट के विकास के भोर में दिखाई दिया और इसका उद्देश्य वैज्ञानिक और तकनीकी दस्तावेज़ीकरण वाले वेब पृष्ठों के डिजाइन के लिए था, जिसे विशेष रूप से सही ढंग से स्वरूपित करने की आवश्यकता है।
टिम बर्नर्स-ली, भाषा के निर्माता, ने सुझाव दिया किइसकी मदद से, विभिन्न शहरों और देशों के वैज्ञानिकों के बीच आदान-प्रदान के लिए सरल लेकिन समझ में आने वाले दस्तावेजों को आसानी से बनाना संभव होगा। उन्होंने विवरणकों का एक सेट विकसित किया - जो पाठ को प्रारूपित करते हैं। अब हम उन्हें टैग के रूप में जानते हैं।
HTML पाठ को सही ढंग से प्रदर्शित करने के लिए, आपको आवश्यकता हैइसे प्रोसेस कर रहा है। यह विशेष कार्यक्रमों - ब्राउज़रों द्वारा किया जाता है। वे मार्कअप पृष्ठ प्राप्त करते हैं, टैग विवरणकों की व्याख्या करते हैं, और पाठ को प्रदर्शित करते हैं जैसा कि उपयोगकर्ता को देखना चाहिए।
भाषा का एक बहुत महत्वपूर्ण हिस्सा, जो इससे भी समझा जा सकता हैइसका नाम, हाइपरटेक्स्ट सपोर्ट है। इसका मतलब है कि कुछ HTML पेजों में अन्य लिंक हो सकते हैं। वैज्ञानिक लेखों के लिए क्रॉस-रेफ़रेंसिंग प्रणाली का विशेष महत्व था, जो किसी जटिल शब्द की व्याख्या में गहराई तक जाने की अनुमति नहीं देता, लेकिन यदि आवश्यक हो तो पाठक को संबंधित अध्याय में भेज देता है।
जैसे-जैसे समय बीतता गया, टैग का एक सरल सेट जो HTML थाअपने अस्तित्व की शुरुआत में, यह बड़ा हुआ और मजबूत हुआ। अब एक पृष्ठ में मल्टीमीडिया सामग्री को एम्बेड करना, टेबल बनाना और छवियों की व्यवस्था को नियंत्रित करना संभव है।
भाषा के सहज विस्तार पर अंकुश लगाना पड़ा और नियंत्रण में लिया गया, कुछ मानकों की आवश्यकता थी।
1995 - तीसरे संस्करण को अपनाने का समयविनिर्देशों और लेआउट डिजाइनरों के भाग्य में एक महत्वपूर्ण मोड़। उस समय के आधुनिक ब्राउज़र अब स्वीकृत मानकों के कार्यान्वयन को सुनिश्चित नहीं कर सकते थे, सुधार और लेयरिंग शुरू हुई। HTML क्या है और कैसे विशिष्ट विवरणों की व्याख्या की जानी चाहिए, इस बारे में हर इंटरनेट ब्राउज़र की अपनी राय थी।
सौभाग्य से, ब्राउज़रों के बीच मुख्य संघर्षों को अब सुचारू कर दिया गया है, जिससे सीमांत डेवलपर्स को बहुत अधिक ऊर्जा और नसों की बचत होती है।
पांचवां मानक 2018 के लिए प्रासंगिक हैHTML, जिसका एक मसौदा 2007 के अंत में सामने आया। उन्होंने कई नए तत्वों और विशेषताओं को पेश किया, विशेष रूप से वेब पेजों के शब्दार्थों पर जोर दिया और विकलांग उपयोगकर्ताओं के लिए उनकी पहुंच।
भाषा का सक्रिय विकास और सुधार जारी है।
मुख्य HTML संरचनाएं वर्णनकर्ता, या टैग और इकाइयां हैं। उनकी मदद से संसाधित सादा पाठ एक वेब दस्तावेज़ में बदल जाता है।
हाइपरटेक्स्ट मार्कअप इकाइयाँ विशेष यूनिकोड वर्णों के लिए मेमनोनिक कोड हैं जो पारंपरिक कीबोर्ड पर उपलब्ध नहीं हैं।
संस्थाओं के उदाहरण:
| < | खुला कोण ब्रैकेट |
| > | समापन कोण कोष्ठक |
| & लार; | बाईं ओर इंगित करने वाला पतला तीर |
| uarr; | पतली तीर |
HTML इकाइयां एक एम्परसेंड से शुरू होती हैं,एक अर्धविराम के साथ समाप्त होता है और इसमें वर्ण के लिए एक आसान-से-याद कोड होता है। वे महत्वपूर्ण हैं क्योंकि वे आपको ऐसे वर्ण प्रदर्शित करने की अनुमति देते हैं जो सीधे HTML कोड में नहीं लिखे जा सकते।
इन संकेतों में शामिल हैं, उदाहरण के लिए, कोण कोष्ठक। हाइपरटेक्स्ट मार्कअप लैंग्वेज में, वे टैग आइडेंटीफायर का काम करते हैं, दोनों तरफ के डिस्क्रिप्टर नाम के आसपास।
टैग एक वेब दस्तावेज़ के मुख्य संरचनात्मक घटक हैं। वे उद्घाटन और समापन भागों और बीच में सामग्री के कंटेनर हैं।
उदाहरण टैग:
<i> टैग के अंदर पाठ </ i>यह HTML डिस्क्रिप्टर है मैंजो इटैलिक टाइपफेस को परिभाषित करता है। पत्र I इटैलिक शब्द का पहला अक्षर है। वह रखता है:
<i>;</ i>एक स्लैश की उपस्थिति की विशेषता;
अधिकांश विवरणकर्ताओं के पास समान संरचना है, हालांकि खाली टैग का एक छोटा समूह है।
पठनीयता में सुधार के लिए लंबा पाठ जो <br> होना चाहिए, कई लाइनों में विभाजित है।
टैग <br> पार्स करने के बाद इसे लाइन ब्रेक के साथ बदल दिया जाएगा। इसकी कोई सामग्री नहीं है, इसलिए किसी कवरिंग भाग की आवश्यकता नहीं है।
निम्नलिखित टैग भी खाली हैं:
<hr>एक पतली ग्रे लाइन को दर्शाते हुए एक दूसरे से पाठ के ब्लॉक को अलग करना;<इनपुट>इंटरैक्टिव फार्म तत्वों के पूरे परिवार का प्रतिनिधित्व करना;<img>छवि फ़ाइल कनेक्ट करना;<मेटा>, <लिंक>.डिस्क्रिप्टर्स को किसी भी स्तर पर एक दूसरे के भीतर घोंसला बनाया जा सकता है। केवल अपवाद खाली टैग हैं, जिनमें सामग्री नहीं हो सकती है।
वेब डॉक्यूमेंट बनाते समय बहुत महत्व के होते हैं जो शुरुआती टैग तत्व में रखे जाते हैं। एक विवरणक में एक या अधिक गुण हो सकते हैं, या कोई भी नहीं हो सकता है।
ज्यादातर मामलों में, विशेषताओं का उपयोग करते हुएतत्व के व्यवहार के कुछ पहलुओं को स्पष्ट किया जाता है, और कभी-कभी वे दृश्य प्रस्तुति को मौलिक रूप से बदल सकते हैं। कई गुणों का उपयोग सेवा उद्देश्यों के लिए किया जाता है, जिससे आप CSS या JavaScript से HTML टैग्स में हेरफेर कर सकते हैं।
विशेषता सेटिंग:
रंग चुनो: <इनपुट प्रकार = "चेकबॉक्स" नाम = "लाल"> लाल <इनपुट प्रकार = "चेकबॉक्स" नाम = "पीला" चेक किया गया> पीला <इनपुट प्रकार = "चेकबॉक्स" नाम = "हरा"> हरायहां तीन इंटरैक्टिव <इनपुट> तत्वों का एक समूह है। गुण प्रकार चेकबॉक्स के रूप में उनके प्रदर्शन को परिभाषित करता है, नाम एक विशिष्ट क्षेत्र और संपत्ति का नाम शामिल है जाँच, महत्वहीन, दूसरे इनपुट को डिफ़ॉल्ट बनाता है।
सामान्य विशेषताएँ हैं जिन्हें किसी भी विवरणक के लिए परिभाषित किया जा सकता है, और विशिष्ट विशेषताएँ जो विशिष्ट टैग के लिए विशिष्ट हैं।
सार्वभौमिक गुणों में शामिल हैं: आईडी, वर्ग, शीर्षक।
विशिष्ट - पूर्वोक्त प्रकार, जाँच की गई, साथ ही साथ src, href और कई अन्य।
एक HTML पृष्ठ प्राप्त करने पर, ब्राउज़र इसे पार्स करता है और सभी अनावश्यक वस्तुओं को फेंक देता है। इसलिए, ज्यादातर मामलों में, कई रिक्त स्थान और लाइन ब्रेक को अनदेखा किया जाएगा।
निम्न दो कोड स्निपेट्स ब्राउज़र के लिए पूरी तरह से समान हैं, हालांकि उनमें से एक में कई लगातार रिक्त स्थान हैं और लाइनों में टूट गया है, और दूसरा नहीं है।
<!- पहला स्निपेट -> <p> लोरम इप्सम <i> डोलर सिट </ i> अमेट। </ p> <p> <b> doloribus sunt, </ b> विज्ञापन भविष्यफल। </ p> <! - दूसरा स्निपेट -> <p> लोरम इप्सम <i> डोलर सिट </ i> अमेट
हाइफ़न और टैब का उपयोग किया जा सकता हैकोड की दृश्य संरचना, लेकिन ब्राउज़र के लिए उनका कोई अर्थ नहीं है। कुछ मामलों के लिए, जब रिक्त स्थान और संकेत के साथ मूल पाठ प्रारूप को संरक्षित करना आवश्यक होता है, तो ऐसे टैग होते हैं जो ब्राउज़र द्वारा प्रारंभिक प्रसंस्करण के बिना अपनी सामग्री प्रदर्शित करते हैं, उदाहरण के लिए, <पूर्व>.
HTML केस असंवेदनशील है।इसका मतलब है कि टैग, नाम और विशेषता मान लोअरकेस या अपरकेस अक्षरों में लिखे जा सकते हैं, और दोनों विकल्प ब्राउज़र द्वारा समान रूप से सही ढंग से संसाधित किए जाएंगे। यदि वांछित है, तो आप ऊपरी और निचले अक्षरों के संयोजन का भी उपयोग कर सकते हैं, लेकिन यह कोड की सामान्य धारणा में हस्तक्षेप करता है।
एक बार जब आप टैग, उनके गुणों और वाक्य रचना से परिचित हो जाते हैं, तो आप HTML की मूल बातें से एक संपूर्ण HTML दस्तावेज़ की संरचना में स्थानांतरित कर सकते हैं।
किसी भी वेब पेज में किसी प्रकार का कंकाल होना चाहिए ताकि ब्राउज़र द्वारा सही तरीके से प्रदर्शित किया जा सके।
HTML दस्तावेज़ की आवश्यक संरचना में शामिल हैं:
सिर.<! DOCTYPE html> <html> <सिर> <! - ब्राउज़र और खोज रोबोट के लिए सेवा की जानकारी -> </ सिर> <शरीर> </ शरीर> </ html>HTML5 को एक टैग की आवश्यकता नहीं है तन एक दस्तावेज़ में, हालांकि, यह अनुशंसा की जाती है कि आप अभी भी इसका उपयोग किसी सामग्री क्षेत्र को दर्शाने के लिए करते हैं।
महत्वपूर्ण लेकिन वैकल्पिक सेवा विवरणकर्ता हैं:
<सिर> <शीर्षक> पृष्ठ शीर्षक </ शीर्षक> <मेटा चारसेट = "utf-8"> <मेटा नाम = "विवरण" सामग्री = "खोज रोबोट के लिए पृष्ठ का विवरण"> </ सिर>अन्यथा, HTML पेज की संरचना कुछ भी हो सकती है। इसकी विशेषताएं विशिष्ट परियोजना पर निर्भर करती हैं।
मुख्य नियम जिसे देखा जाना चाहिएकोई भी वेब दस्तावेज़ टैग का सही नेस्टिंग है। सबसे पहले, सबसे गहरे घोंसले के शिकार के स्तर पर स्थित डिस्क्रिप्टर बंद है, और फिर, एक-एक करके, सभी बाहरी वाले।
<शरीर> <मुख्य> <लेख> <p> पैरा पाठ </ p> <! - पैराग्राफ पहले बंद हो गया है -> </ लेख> <! - फिर लेख -> </ main> <! - फिर मुख्य टैग -> </ body> <! - और अंत में दस्तावेज़ का शरीर ->विनिर्देशन के रूप में औरनए वर्णनों के उद्भव ने वेब दस्तावेज़ बनाने की तकनीक को बदल दिया। प्रारंभ में, ग्रंथ केवल अनुच्छेदों में विभाजित होकर एक सतत धारा में चले गए। फिर टेबल लेआउट का युग आया, जिसने स्तंभों में किसी भी कॉन्फ़िगरेशन में किसी पृष्ठ पर ब्लॉक करना संभव बना दिया।
सीएसएस के विकास के साथ, तालिकाओं का उपयोग धीरे-धीरे छोड़ दिया गया था, क्योंकि शैलियों ने वांछित के रूप में एक दस्तावेज डिजाइन करना संभव बना दिया।
नया HTML मानक HTML दस्तावेज़ की संरचना में शब्दार्थ का स्वागत करता है। यह सिमेंटिक टैग जैसे का उपयोग करके हासिल किया जाता है हैडर, फ़ुटबाल, मुख्य, लेख, एनएवी, अनुभाग और दूसरे।
इंटरनेट की मुख्य भाषा बहुत सरल है। कोई भी यह पता लगा सकता है कि HTML क्या है और अपने स्वयं के वेब पेज बनाकर इस ज्ञान को सफलतापूर्वक लागू करें।
