कंप्यूटरप्रोग्रामिंग

एक HTML पृष्ठ का एक उदाहरण और के बुनियादी सिद्धांतों

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

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

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

HTML फ़ाइल - एक एक पृष्ठ साइट है, हालांकि यह बहस का मुद्दा है, लेकिन प्रति पृष्ठ एक फ़ाइल, क्या है एक शुरू करने के लिए यह स्पष्ट है।

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

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

सरल HTML-पेज

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

HEAD अनुभाग

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

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

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

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

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

लिंक और स्क्रिप्ट लिंक पर विशेष ध्यान देना चाहिए। जावास्क्रिप्ट कोड फ़ाइल का स्थान - पहले एक जगह है जहाँ CSS स्टाइलशीट फ़ाइल, दूसरा है को दर्शाता है। इस तरह के लिंक सेट किया जा सकता।

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

अनुभाग शरीर

वास्तव में, एक नमूना पृष्ठ एचटीएमएल - यह शरीर खंड है। यहाँ यह सब जानकारी, सामग्री पेज के सभी शामिल हैं कि है। सभी जानकारी जैसे किसी JavaScript-कोड या PHP-कार्यक्रम के टुकड़े डालने के रूप में टैग और स्क्रिप्ट, के रूप में प्रस्तुत किया है।

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

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

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

एक साधारण उदाहरण कोड एचटीएमएल-पेज के (केवल शरीर अनुभाग) नीचे दिखाया गया है।

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

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

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

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

HTML वर्णन की संरचना

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

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

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

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

कुल HTML सामग्री का विवरण

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

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

सरल तत्वों के अलावा, HTML तालिकाओं और प्रकारों का वर्णन करने प्रदान करता है। इन तत्वों में मांग में बहुत ज्यादा कर रहे हैं "हर रोज साइट निर्माण।"

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

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

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

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

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

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

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

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

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

HTML का उपयोग

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

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

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

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

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 hi.birmiss.com. Theme powered by WordPress.