कंप्यूटर, सॉफ्टवेयर
एचटीएमएल दस्तावेज़ की संरचना: कुंजी टैग, उदाहरण
एचटीएमएल - मार्कअप साइट की भाषा। कई यह प्रोग्रामिंग पर विचार है, लेकिन यह नहीं है। एचटीएमएल में, वहाँ कोई चर, कंप्यूटिंग, सरणियों और अन्य तत्वों किसी भी प्रोग्रामिंग भाषा में मौजूद हैं।
HTML का उपयोग, एक डेवलपर केवल साइट की उपस्थिति बना सकते हैं। यह समझना महत्वपूर्ण है कि कोई भी साइट मार्कअप बिना नहीं हो सकता महत्वपूर्ण है। HTML वेब पृष्ठ के निर्माण के लिए आधार है। कार्यक्षमता के बाकी विभिन्न प्रोग्रामिंग भाषाओं में जोड़ा जाता है।
एचटीएमएल-दस्तावेज़ बनाएँ
साइट के एक सरल बनाएँ पृष्ठ पर किसी भी संपादक में हो सकता है। उपयुक्त यहाँ तक कि "नोटपैड"। नौसिखिया डेवलपर के लिए अन्य संपादकों जो autosubstitution कार्यों और अन्य सुझाव है उपयोग करने के लिए सिफारिश की है। यह आपको तैयार टेबल, लिंक, चित्र और अन्य तत्वों को बनाने के लिए अनुमति देता है। और "नोटपैड" में प्रत्येक अक्षर के लिए मैन्युअल रूप से लिखने के लिए।
आमतौर पर, "नोट्स" केवल मामलों में जहां हाथ में कोई अन्य उपकरण देखते हैं प्रयोग किया जाता है। सबसे पहले, आप एक पाठ दस्तावेज़ बनाते हैं और फिर एचटीएमएल प्रारूप में सहेजी गई। सभी पृष्ठों विस्तार एचटीएमएल के साथ होना चाहिए।
एचटीएमएल भाषा श्रेणीबद्ध है। यही कारण है कि एचटीएमएल दस्तावेज़ की एक विशेष संरचना है, है। यह क्या है? स्पष्टता के लिए निम्नलिखित पर विचार करें।
एचटीएमएल दस्तावेज़ की संरचना। उदाहरण
संरचना हमेशा एक ही है। आप कुछ बदलना चाहते हैं, ब्राउज़र इसे संभाल नहीं कर सकते। नतीजतन, आप क्या किया चाहते हैं नहीं मिलता है।
आंकड़ा किसी भी html फ़ाइल के ऊपर संरचना में शामिल है। पहले आइटम फ़ाइल के प्रकार का संकेत है। इस टैग को एक समय निर्दिष्ट करता है। आप विशेष संपादकों का उपयोग करते हैं, पूरी संरचना स्वचालित रूप से बनाया जाएगा। आप डिफ़ॉल्ट सेटिंग बदलाव करने की आवश्यकता होगी।
एचटीएमएल दस्तावेज़ की संरचना - बुनियादी टैग:
इन तीनों में से टैग पूरी साइट फ्रेम है। ड्राइंग पर ध्यान दें। इन सभी टैग के एक "/" के साथ एक बंद टैग। आप हाथ से लिखते हैं, तुरंत इस्तेमाल दोनों टैग डाल मिल - खोलने और बंद करने।
हम ने कहा कि साइट के पृष्ठों विस्तार .html किया है। यही कारण है, अगर आप एक पाठ दस्तावेज़ बनाते हैं, लेकिन सही कोड लिखने, ब्राउज़र अभी भी तुम सिर्फ पाठ प्रदर्शित करता है। कोई कोड रूपांतरण नहीं है।
खंड सिर
खंड सिर के पैरा 3 में दिया चित्र। इस अनुभाग में सेवा की जानकारी को पहचानती है। उदाहरण के लिए, आप एन्कोडिंग (अनुच्छेद 4) और पेज (5 कदम) के शीर्षक निर्दिष्ट कर सकते हैं।
शीर्षक हमेशा होना चाहिए। इसके बिना, खोज इंजन में से कोई भी वेब पेज पर सामग्री (पाठ) के नाम पर निर्धारित नहीं कर सकता। और यह वेबसाइट बढ़ावा देने के लिए बुरा है। इसके अलावा, ब्राउज़र के शीर्ष में पेज शीर्षक सेट नहीं होंगे। उपयोगकर्ता के लिए इस असुविधा।
एचटीएमएल दस्तावेज़ की संरचना कि शीर्षक
इसके अलावा, सिर अनुभाग में खोज इंजन या किसी भी अन्य जानकारी है कि उपयोगकर्ता नहीं देखना चाहिए के लिए स्क्रिप्ट, सीएसएस फ़ाइलें, निर्देश को जोड़ने के लिए जानकारी को इंगित करता है, लेकिन वे ब्राउज़र या प्रोग्रामर के लिए महत्वपूर्ण हैं।
कनेक्शन शैलियों
एचटीएमएल दस्तावेज़ की संरचना आप तरीकों की शैलियों की एक किस्म से कनेक्ट करने के लिए अनुमति देता है। इसके अलावा, वे प्रत्येक तत्व के लिए व्यक्तिगत रूप से लिखा जा सकता है। लेकिन इस विधि अनुशंसित नहीं है क्योंकि कोड बहुत बड़ा और असुविधाजनक है।
बॉट सभी शैलियों एक अलग फाइल बनाने की सलाह देते हैं, और तत्वों में सिर्फ विभिन्न वर्गों का उपयोग करें।
इस प्रकार फ़ाइल से कनेक्ट करें।
<लिंक rel = "स्टाइलशीट" href = http: // साइट /article/256158/%E2%80%9Cstyle.css%E2%80%9D type = "text / css">
href विशेषता फ़ाइल का पथ निर्दिष्ट करता है। पथ कोई त्रुटि मानते हैं, शैली लोड नहीं होतीं। प्रकार विशेषता का भी आवश्यक है, जो कि इस सीएसएस फ़ाइल इंगित करता है।
एक अन्य विकल्प खंड सिर में सीधे शैलियों को परिभाषित करने के लिए है।
लेकिन इस विकल्प को भी सलाह नहीं दी जाती। इन तरीकों में मतभेद है कि सीएसएस फ़ाइल एक पूरी वेबसाइट हो सकता है, और सभी परिवर्तनों को तुरंत सभी पृष्ठों के लिए लागू किया जाएगा। और अगर आप विधि है कि ऊपर चित्र पर दिखाया जाता है का उपयोग करें, आप अपनी साइट पर सभी मौजूदा पृष्ठों में परिवर्तन करना होगा।
अपने वर्ग केवल एक ही पृष्ठ पर इस्तेमाल किया जाएगा, तो यह विकल्प आपके लिए सही है।
कनेक्शन लिपियों
स्क्रिप्ट के रूप में निम्नानुसार जुड़े हुए हैं।
<स्क्रिप्ट type = "text / javascript" src = http: // साइट /article/256158/%E2%80%9Cmain.js%E2%80%9D%3E%3C/script%3E%3C/p>
प्रकार और src: वहाँ दो आवश्यक विशेषताएं हैं। पहले इंगित करता है कि इस फाइल जावास्क्रिप्ट है, और दूसरा - जहां फ़ाइल स्थित है। आप लिखने में कोई त्रुटि करते हैं, तो कुछ भी नहीं काम करेंगे।
शरीर अनुभाग
एचटीएमएल दस्तावेज़ की संरचना है कि सामग्री है कि उपयोगकर्ता द्वारा देखा जाना चाहिए, यह केवल अनुभाग शरीर में आवश्यक है। टैग नाम खुद कहता है।
यह पृष्ठ है, जो वस्तुओं की एक असीमित संख्या में शामिल कर सकते हैं की सभी बुनियादी कोड निर्दिष्ट करता है। लेकिन लंबे समय तक कोड, अब यह कार्रवाई की जाएगी।
सबसे बुनियादी टैग है कि शरीर में इस्तेमाल किया जा सकता पर विचार करें। बेसिक ज्यादा नहीं है। सभी बाकी आप के रूप में आप अपने ज्ञान और अभ्यास को विकसित करने का तरीका जानेंगे।
कुंजी टैग
एचटीएमएल दस्तावेज़ की संरचना लेखन के अनिवार्य तत्वों की आवश्यकता है। टैग हमेशा कोष्ठक के किनारों <> के साथ तैयार किए जाना चाहिए। इस के बिना, आपके ब्राउज़र यह टैग को नहीं समझता। प्रारंभ कोष्ठक के बाद हमेशा एक तत्व नाम (टैग) होना चाहिए। आप <और नाम के बीच जगह बनाने हैं, तो ब्राउज़र इस पाठ को समझता है।
चित्र टैग का उदाहरण पर विचार करें। ध्यान दें कि यह टैग बंद नहीं है, लिंक, पैराग्राफ, और कई अन्य लोगों के विपरीत है।
आदेश कोई फर्क नहीं पड़ता का श्रेय दें। लेकिन उनकी लेखन (निकासी) महत्वपूर्ण है। हमेशा विशेषता नाम है, तो बराबर के चिह्न, एक उद्धृत विशेषता मान के बाद लिखा गया है। डिजिटल या पाठ - मूल्य अलग हो सकता है।
सभी टैग में src विशेषता जिस फ़ाइल को अपलोड करना चाहते हैं उसका पथ इंगित करता है। सभी तत्वों में वैकल्पिक विशेषता का एक संक्षिप्त विवरण का संकेत है। इस मामले में, अपलोड तस्वीरें bird.jpg विवरण - फोटो पक्षियों।
इसके अलावा, टैग img, आप आकार, केवल चौड़ाई या शीर्षक, संरेखण, शैली, वर्ग, या फ्रेम की ऊंचाई निर्दिष्ट कर सकते हैं।
अन्य प्रमुख टैग, जो खंड शरीर में दर्शाया गया है पर विचार करें।
टैग | नियुक्ति |
संदर्भ | |
| छवि |
... p> | अनुच्छेद |
| एक नई लाइन के लिए लेख आवरण |
... strong> | बोल्ड पाठ |
<मैं> ... i> | तिरछा |
<एस> ... s> | स्ट्राइकथ्रू पाठ |
... u> | रेखांकित पाठ |
| सूचियों |
<तालिका> तालिका> | टेबल |
यह कैसे सिर में व्यक्त किया जा सकता
नौसिखिए डेवलपर्स हमेशा बस कल्पना नहीं कर सकते यह सब काल्पनिक है। वेब पेज संरचना के कुछ उदाहरण को देखो, और फिर आप निश्चित रूप से सराहना की जाएगी।
इस संस्करण जगह लेता है:
और यह:
शैलियों का उपयोग
जैसा कि शुरू में कहा गया है, शैलियों एक फ़ाइल के रूप में जोड़ा जा सकता है और खंड सिर निर्दिष्ट करें। किसी भी घटना की कक्षाओं में हूबहू वर्णन होता है।
उदाहरण के लिए, आप शीर्ष लेख के लिए शैली निर्दिष्ट कर सकते हैं। तो फिर तुम h1 लिखने के लिए (क्योंकि शैली एक दूसरे स्तर के शीर्ष लेख हो जाएगा), खुला कोष्ठक, और लिखना क्या गुण इस तत्व में हैं की जरूरत है। आप बुनियादी अंग्रेजी जानते हैं तो उसे कोई समस्या नहीं होनी चाहिए। मानव भाषा में नाम संपत्तियों की सभी।
आप कई मदों के लिए इस शैली सेट करना चाहते हैं, एक अल्पविराम लिखें।
परिणाम एक लाल शीर्षक हो जाएगा।
उपरोक्त विधि मानक कोशिकाओं के डिजाइन के लिए उपयुक्त है। लेकिन तुम भी अपने स्वयं के वर्गों बना सकते हैं। उनका नाम एक बिंदु के साथ शुरू होगा, और फिर किसी भी मनमाने ढंग से नाम लिखा।
वे इस तरह से इस्तेमाल किया जाना चाहिए।
नोट: यदि आप मानक तत्व के लिए शैली सेटिंग्स डाली है तो शब्द वर्ग लिखने के लिए भविष्य में आवश्यक नहीं है। शैली डिफ़ॉल्ट रूप से लागू किया जाएगा। वर्ग विशेषता, आप केवल उन शैलियों है कि आप एक बिंदु के साथ शुरू करते हैं निर्दिष्ट कर सकते हैं।
Similar articles
Trending Now