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

नमूना एचटीएमएल पेज

संक्षेप में, एचटीएमएल में कुछ भी जटिल नहीं है, और इसके माध्यम सेप्रोग्रामिंग और इंटरनेट व्यक्ति से सबसे दूर, कुछ मिनट किसी भी नोटबुक में एक HTML पृष्ठ बना देगा। एक उदाहरण जो ध्यान देने योग्य है वह सादगी है, जो हर किसी के लिए वास्तव में सुलभ है।

सामान्य विवरण

एचटीएमएल फ़ाइल साइट का एक पृष्ठ है, हालांकि इसका तर्क दिया जा सकता है, लेकिन तथ्य यह है कि एक फ़ाइल एक पृष्ठ है, शुरुआत के लिए समझ में आता है।

HTML फ़ाइल में DOCTYPE शीर्षलेख के साथ शुरू होता हैजो इंगित करता है कि इस फ़ाइल का प्रकार HTML है। पृष्ठ (टैग) के सभी तत्व कोण ब्रैकेट में इंगित किए गए हैं। प्रत्येक जोड़ी ("<" और ">") में एक HTML टैग शामिल है। आम तौर पर, एचटीएमएल टैग जोड़े जाते हैं, यानी, प्रत्येक "टैग" के लिए "/ टैग" होते हैं। दोनों कोण ब्रैकेट में संलग्न हैं। एक टैग हैं, जिनमें से सबसे लोकप्रिय "बीआर /" अगली पंक्ति में संक्रमण है।

फ़ाइल में सबसे बड़ा टैग HTML है, मेंजिसमें केवल दो टैग शामिल हैं: हेड और बॉडी। पहले, अलग-अलग विवरण दिए गए हैं, अन्य पृष्ठों के लिंक निर्दिष्ट हैं, PHP और जावास्क्रिप्ट स्क्रिप्ट मौजूद हो सकते हैं। दूसरे में, पृष्ठ की सामग्री दर्ज की गई है। टैग और स्क्रिप्ट के रूप में भी।

सरल एचटीएमएल पेज

इस तरह के एक पेज बनाने का एक उदाहरण लेख में नीचे सूचीबद्ध है। ध्यान से विचार करें।

लेखक का उदाहरण एक तस्वीर नहीं है

धारा सिर

HEAD टैग का मुख्य उद्देश्य पृष्ठ और सामान्य स्क्रिप्ट का सामान्य विवरण है, हालांकि बाद वाला अपेक्षाकृत सापेक्ष अवधारणा है। आमतौर पर, यहां केवल दो चीजें महत्वपूर्ण हैं:

  • पृष्ठ के कीवर्ड और विवरण;
  • अन्य फ़ाइलों के लिंक (* .css और * .js)।

पृष्ठ सामग्री प्रदर्शित करने के लिए, इस खंड की सामग्री का केवल अप्रत्यक्ष अर्थ है, क्योंकि यह इंगित करता है: कहीं अन्य फ़ाइलों में टैग और अन्य भाषाओं की स्क्रिप्ट के लिए सीएसएस नियम हैं।

HTML पृष्ठ में एक शीर्षक (TITLE) हैयह तब प्रदर्शित होता है जब विज़िटर माउस को टैब पर लाता है जहां पृष्ठ खुला होता है। यह एक महत्वपूर्ण बात है, क्योंकि यह पृष्ठ को अधिक उल्लेखनीय, कहने में आसान बनाता है, पठनीय पाठ के साथ हस्ताक्षरित करता है।

एचटीएमएल वेब पेज उदाहरण

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

लिंक लिंक और एससीआरआईपीटीध्यान। पहला स्थान उस स्थान पर इंगित करता है जहां सीएसएस स्टाइलशीट रहता है, दूसरा जावास्क्रिप्ट कोड फ़ाइल के स्थान पर रहता है। ऐसे कई संदर्भ हो सकते हैं।

यदि ज्ञान के साथ स्क्रिप्ट्स से संपर्क किया जाना चाहिएएचटीएमएल को मजबूत किया जाएगा, फिर स्टाइल शीट को कैस्केडिंग तुरंत ध्यान देना चाहिए। सीएसएस फाइलों में, विशेष रूप से, एचटीएमएल टैग के डिजाइन के लिए नियम हैं।

धारा शरीर

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

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

सरल एचटीएमएल उदाहरण पेज

एचटीएमएल एक टैग है, एक स्क्रिप्ट नहीं। आखिरकार, ब्राउज़र केवल पृष्ठ की सामग्री प्रदर्शित करता है, केवल इसके टैग। वहां कोई PHP कोड नहीं है।

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

एचटीएमएल पेज कोड (केवल बॉडी सेक्शन) का एक सरल उदाहरण नीचे सूचीबद्ध है।

लेखक का उदाहरण एक तस्वीर नहीं है

और आगंतुक के ब्राउज़र में, यह नीचे दिखाए गए जैसा दिखता है।

लेखक का उदाहरण एक तस्वीर नहीं है

कोड ने यह निर्दिष्ट नहीं किया कि कैसा दिखना हैतत्व जो ब्राउजर प्रदर्शित होते हैं। सभी दृश्य डिजाइन सीएसएस नियमों में है। इस मामले में, फ़ाइल मैकएसएस / scPhpWordRW.css में, जिसे संदर्भित किया गया था (HTML पृष्ठ का पहला उदाहरण देखें)।

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

लेखक का उदाहरण एक तस्वीर नहीं है

इससे पता चलता है कि टैग को कैसे वर्णित किया जाता हैscLogo_vDoc, और यह विवरण ऐसा है कि सामान्य स्थिति में टैग छवि vDoc-logo.png प्रदर्शित करता है, और जब माउस इसके ऊपर होता है, vDoc-logo-h.png प्रदर्शित होता है।

एचटीएमएल विवरण संरचना

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

मामले की नाम, टैग जोड़ी, नाम (टैगनाम) और कोण कोष्ठक से बना ( «<» + टैगनाम + «>»), अगर हम टैग की शुरुआत है, और के बारे में बात कर रहे हैं «</» + टैगनाम + «>», अगर दर्ज की गई अपने अंत।

गुणों का वर्णन करने वाले HTML पृष्ठ का एक उदाहरण टेक्स्ट में नीचे स्थित है।

लेखक का उदाहरण एक तस्वीर नहीं है

एक टैग में गुण हो सकते हैं, फिर उन्हें रखा जाता हैटैग नाम के बाद बंद होने वाले कोण ब्रैकेट ">" के बाद एक स्थान के माध्यम से। गुण, यदि उनके पास टैग है, तो केवल टैग की शुरुआत में ही लिखा जाता है। टैग की सामग्री टैग की शुरुआत और उसके अंत के बीच क्या है।

एचटीएमएल विवरण की सामान्य सामग्री

एचटीएमएल आपको ब्लॉक और लोअरकेस का वर्णन करने की अनुमति देता हैतत्वों। पहले ब्राउजर विंडो में एक निश्चित क्षेत्र पर कब्जा कर लिया गया है, जिसे एचटीएमएल पेज के डिस्प्ले एरिया में सही जगह पर रखा जा सकता है, और एक विशिष्ट आकार है।

एक HTML पृष्ठ बनाने का एक उदाहरण

लाइन आइटम आम तौर पर प्रदर्शित होते हैंएक धागा, जैसा कि पृष्ठ फ़ाइल में इंगित किया गया है, और प्रदर्शित होते हैं। पृष्ठ लोड होने पर कुल प्रवाह का प्रदर्शन प्रभावित किया जा सकता है। ब्लॉक तत्वों की नियुक्ति, दृश्यता और अन्य गुण किसी भी समय जावास्क्रिप्ट कोड के माध्यम से प्रभावित हो सकते हैं।

सरल तत्वों के अलावा, एचटीएमएल टेबल और रूपों का विवरण प्रदान करता है। ये तत्व "रोजमर्रा की साइट बिल्डिंग" में बहुत अधिक मांग में हैं।

तालिका का विवरण: टैग टेबल, टीआर, टीडी

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

नमूना एचटीएमएल एचटीएमएल पेज

एचटीएमएल की मूल स्थिति: संकेत दिया गया सब कुछ करो, लेकिन कुछ भी नहीं समझा जाता है। कुछ मामलों में, तालिका की प्रत्येक पंक्ति में स्तंभों की संख्या इतना महत्वपूर्ण नहीं है, लेकिन यदि आपको लंबवत या क्षैतिज कोशिकाओं को संयोजित करने की आवश्यकता है, तो आपको सबकुछ सावधानीपूर्वक गिनना होगा।

एक साधारण तालिका का वर्णन करने वाले HTML पृष्ठ का एक उदाहरण आलेख में स्पष्ट रूप से दिखाया गया है।

लेखक का उदाहरण एक तस्वीर नहीं है

यहां प्रति पंक्ति तीन पंक्तियों के आकार में एक तालिका हैकॉलम, और पहली पंक्ति में, टीडी टैग की बजाय, TH टैग का उपयोग किया गया था - कॉलम हेडर। इन दो टैग के बीच कोई विशेष अंतर नहीं है, लेकिन आप तालिका की पहली पंक्ति को अलग करने के लिए पहले और सीएसएस में TH में उपयोग कर सकते हैं, आप अपनी शैली को संलग्न कर सकते हैं, जो इसे अन्य टीडी से अलग करता है।

फॉर्म विवरण: फॉर्म, इनपुट टैग

प्रपत्र एचटीएमएल टैग का सबसे अनुरोधित हिस्सा हैं। फॉर्म का उपयोग करके, आप जानकारी स्थानांतरित कर सकते हैं। असल में, पृष्ठ स्वयं जानकारी का आउटपुट है, लेकिन फॉर्म इसका इनपुट है।

एक साधारण फॉर्म विवरण के साथ एक HTML पृष्ठ का उदाहरण:

लेखक का उदाहरण एक तस्वीर नहीं है

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

एचटीएमएल का प्रयोग करना

हाइपरटेक्स्ट की भाषा जानना एक अनिवार्य शर्त हैइंटरनेट प्रोग्रामिंग के क्षेत्र में किसी भी विशेषज्ञता पर काम करें, लेकिन यदि आपको PHP या जावास्क्रिप्ट में प्रोग्राम लिखने की आवश्यकता है, तो आपको HTML + CSS को पूरी तरह से जानना होगा।

पिछले उदाहरण में PHP भाषा को दर्शाया गया था। PHP सर्वर पर चलता है, क्योंकि इस फ़ॉर्म वाला पृष्ठ सर्वर से भरे हुए फ़ील्ड वाले ब्राउज़र में उड़ गया है। विशेष रूप से, INPUT टैग (ऑनब्लर इवेंट हैंडलर) में उल्लिखित फ़ंक्शन TestOnBlur, टेक्स्ट फ़ील्ड के रूप में सभी पैरामीटर प्राप्त करता है।

नमूना नोटबुक में एक HTML पृष्ठ बनाना

ब्राउजर जावास्क्रिप्ट चलाता है, औरडेटा वापस सर्वर कुंजी को भेजने के लिए ठीक से काम किया, कि डिजाइन :. onclick = jQuery ( "# करने के लिए") वैल ( "गाड़ी"), आप एक विचार न केवल क्या jQuery का होना आवश्यक है, लेकिन क्या #to, वैल है , गाड़ी। दरअसल, यह बुनियादी HTML टैग और उन्हें सीएसएस शैलियाँ लागू सामान्य नियम पता करने के लिए आवश्यक है।

यह इंटरनेट प्रोग्रामिंग के क्षेत्र में किसी भी विशेषज्ञता के लिए अपनी योग्यता को तेजी से बढ़ाने के लिए पर्याप्त है।

</ p>