एचटीएमएल-कोड। HTML रंग कोडहरू

निश्चित रूपमा तपाईंले एचटीएमएल कोडको रूपमा यस्तो कुरा सामना गर्नुभयो। साथीहरूबाट सुनेका छन्, तपाईको ब्राउजरको मेनुमा देखापर्छ, तर आदि के छ? चल्ने कुन कोड हो र कुन तत्वहरू यसमा समावेश हुन्छन् पत्ता लगाउने प्रयास गरौं।

आधारभूत जानकारी

परिभाषाको साथ सुरू गरौं। एचटीएमएल-कोड कुनै पनि वेबपृष्ठको मार्कअप हो जुन HTML प्रयोग गरेर क्रियान्वित गरिएको छ।

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

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

ट्यागहरू

ट्याग एचटीएमएल भाषाको एक तत्व हो। यसको साथ, तपाईं फन्ट, रङ, पाठको साइज निर्दिष्ट गर्न सक्नुहुनेछ, तालिकामा र तस्विरहरू यसमा सम्मिलित गर्नुहोस्, ढाँचा, शीर्षकहरू सिर्जना गर्नुहोस्, लिङ्कहरू र पृष्ठ पेंट गर्नुहोस्।

ट्यागहरू प्राय: कोण कोष्ठकहरूमा संलग्न हुन्छन् - <>, र यो उनीहरूले मुख्य पाठबाट छुट्याएका छन्, जुन हेर्ने पृष्ठमा प्रदर्शित गरिन्छ। त्यहाँ दुई प्रकारहरू छन् - जोडा र एकल।

जोडाहरू एक खुल्ला ट्याग र एक समापन ट्याग समावेश छन्, तर पछि मा बायाँ कोष्ठ कोष्ठा पछि सिधा पछाडि हो। उदाहरणको लागि: & lt; b & gt; पाठ & lt; / b & gt;।

दुई ट्याग बीचको पाठ, तालिका, एक चित्र वा अन्य तत्व, जुन वेब पेजमा प्रदर्शित गरिन्छ।

एकल व्यक्तिहरू एक ट्याग समावेश छन् र सीधा स्लैश समावेश गर्दैन। उदाहरणका लागि: & lt; घण्टा & gt;।

ट्यागले एचटीएमएलका लागि विशेष कोडहरू प्रयोग गरी तोकिएको मापदण्डहरू हुन सक्छ।

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

आधारभूत ट्यागहरू

एचटीएमएल-कोड के हो, हामीले सोचेको छौँ, अब हामी मुख्य ट्यागहरू सूचीबद्ध गर्ने प्रयास गर्छौं यदि तपाईंको वेब पेजहरू सिर्जना नगरेमा उपयोगी हुन सक्छ, त्यसपछि कम से कम लेखहरू लेख्दा।

जोडा भयो:

• & Lt; शरीर र gt; - कागजातको मुख्य प्यारामिटरहरू समावेश गर्दछ, जस्तै पृष्ठभूमि, लिङ्क रङ , क्षेत्रहरू र अन्य;
• & Lt; P & gt; - अनुच्छेद संकेत गर्दछ;
• & Lt; B & gt; - बोल्डमा पाठ हाइलाइट गर्दछ;
• & Lt; म & gt; - italics;
• & Lt; U & gt; - पाठ जोड दिन्छ;
• & Lt; एस & gt; - पाठ पार गर्नुहोस्;
• & Lt; Sup & gt; - superscript को रूपमा पाठ सेट गर्दछ;
• & Lt; उप & gt; - सबस्क्रिप्ट;
• & Lt; फन्ट & gt; - फन्ट विशेषताहरू निर्दिष्ट गर्दछ: आकार, फन्ट, रंग;
• & Lt; Div & gt; - यसको साथ, तपाईं आफ्नो पाठ पङ्क्तिबद्ध गर्न सक्नुहुनेछ;
• & Lt; एच & gt; - हेडर ट्याग;
• & Lt; A & gt; - यो सन्दर्भ सेट गर्न प्रयोग गरिन्छ;
• & Lt; तालिका & gt; - कागजातमा तालिका सम्मिलित गर्न मद्दत गर्दछ, ट्यागहरू र lt; Tr & gt; (स्ट्रिंग) र & lt; Td & gt; (कक्ष)।

एकल:

• & Lt; br & gt; - एकल, नयाँ पृष्ठमा यसलाई पछ्याउने पाठ राख्छ;
• & Lt; hr & gt; - यसका साथ तपाईले पाठमा तेर्सो रेखा घुसाउन सक्नुहुनेछ।

यो टिप्पणिहरु लायक छ कि ट्याग सामान्यतया नयाँ लाइन देखि लिखित छ। यो सुविधा न केवल लेआउट डिजाइनरको सुविधाको लागि गरिन्छ, तर ती व्यक्तिहरूले HTML मा कोडहरू हेर्नेछन्।

ट्याग प्यारामिटरहरू

हामीले पहिले नै तपाईसँग मुख्य ट्यागलाई विचार गर्यौं जुन तपाइँलाई थाहा छ। निस्सन्देह, हामी सबै सूचीबद्ध छैनौं, तर यो न्यूनतम पनि आफ्नो पहिलो वेब पृष्ठ सिर्जना गर्न पर्याप्त हुन सक्छ।

तर यो केही ट्यागहरू जान्न पर्याप्त छैन, तपाईले अझै निर्दिष्ट गर्न मापदण्डहरू अध्ययन गर्न आवश्यक छ। यस लेखमा, हामी तिनीहरूका संक्षिप्त विवरण मात्र गर्नेछौं, प्रायः प्रयोग गरिएका प्रयुक्तहरूको वर्णन गर्नुहोस्। तपाईंले कुनै एचटीएमएल-कोड खोलेर तिनीहरूलाई देख्न सक्नुहुन्छ।

चलो पनि वर्णन गर्दैन कि कुन प्यारामिटर यो प्यारामिटर उपयुक्त छ, किनकी तिनीहरूमध्ये धेरै भन्दा धेरै वेब मार्कअप आदेशहरूमा प्रयोग गरिन्छ:

• अनुहार - फन्टको प्रकार निर्दिष्ट गर्दछ;
• साइज - साइज सेट गर्दछ;
• रंग रङ निर्दिष्ट गर्दछ;
• पङ्क्तिबद्ध - पङ्क्तिबद्ध;
• नाम - नाम;
• Href - यो प्यारामिटरले लिङ्कको ठेगाना निर्दिष्ट गर्दछ;
• Alt - वैकल्पिक पाठ;
• चौडाई - चौडाई;
• ऊँचाई - ऊँचाई;
• पृष्ठभूमि - पृष्ठभूमि छवि;
• Bgcolor - पृष्ठभूमि।

यो सबै प्यारामिटरहरू होइनन्, हामीले सूचीबद्ध मात्र प्रयोग गरेका छौं।

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

रंगहरूको तालिका

त्यसोभए, हामी मुख्य ट्यागहरू र उनीहरूको प्यारामिटरहरू क्रमबद्ध गर्यौं, अब आउनुहोस् HTML रंग कोडहरू हेर्न। यो तिनीहरूका मद्दतमा छ जुन पाठ, पृष्ठ वा यसको व्यक्तिगत तत्व निर्दिष्ट गर्न सक्नुहुन्छ।

शुरुआती वेबमास्टर्सहरूलाई थाहा छ कि त्यहाँ विशेष रंग तालिकाहरू छन् जसमा प्रत्येक छायाका कोडहरू दिइएको छ। त्यहाँ केवल 16 आधारभूत रङहरू छन् जुन केवल टेबलको मद्दतको साथ सेट गर्न सकिन्छ, तर सजिलै अंग्रेजीमा तिनीहरूको नाम संकेत गरेर मात्र। तपाईं तिनीहरूलाई पनि हल्का र गहिरो शब्दहरू थप्न सक्नुहुन्छ, वांछित हरू सेट गर्नुहोस्।

त्यहाँ पनि सुरक्षित रङ्गहरूको तालिका हो , जुन 216 सबै प्रकारको बहिर्गमन समावेश गर्दछ।

ध्यान दिनुहोस् कि तालिकाहरू प्रयोग गर्न यो अधिक उपयुक्त छ। तिनीहरूलाई हेक्साडेसिमल रङ कोड दिइएको छ। यस अवस्थामा, तपाइँ तुरुन्त यो छाया हेर्न सक्नुहुन्छ। प्रत्येक कोड एक ग्रिड चिन्हको साथ सुरु हुन्छ, त्यस पछि, रातो र हरियो रङ को तीव्रता को संकेत को संकेतहरु को तीन जोडे।

यो कोड वांछित ट्यागको प्यारामिटरमा प्रतिलिपि र विकल्प गर्न पर्याप्त छ।

पेज कोड कसरी हेर्नुहोस्

यदि तपाइँ वेब पेजहरू सिर्जना गर्न रुचि राख्नुहुन्छ भने, तपाई सम्भवतः तपाइँ चाहानुहुन्छ साइटको एचटीएमएल कोड हेर्न चाहानुहुन्छ, वा तपाइँले प्राय: धेरै भेट्नुहुन्छ।

तर कसरी यो गर्न सकिन्छ? त्यहाँ दुई तरिकाहरू छन्, सरल र बुझ्न योग्य। पहिलो पृष्ठलाई आवश्यक छ खोल्न र Ctrl + U थिच्नु हो। नयाँ विन्डोमा, पृष्ठको स्रोत कोड देखा पर्दछ, जुन तपाईं हेर्न र अध्ययन गर्न सक्नुहुनेछ।

दोस्रो तरिका बायाँ माउस बटन क्लिक गर्न र ड्रप-डाउन सूचीमा "स्रोत कोड" वस्तु चयन गर्नुहोस्। तर अझै पनि, हामी तपाईंलाई पहिलो तरिका प्रयोग गर्न सिफारिस गर्दछौं, किनकि हट कुञ्जीहरूको प्रयोग धेरै सजिलो र अधिक उपयुक्त छ।

ध्यान दिनुहोस् कि कोड पढ्दा, तपाईं टिप्पणी "" टिप्पणी "ट्यागमा लिखित, यो पनि हेर्न सक्नुहुन्छ कि यो: & lt;! & Gt; यस अवस्थामा, विस्मयादिधारी चिन्ह पछि टिप्पणी लेखिएको छ। यो ब्राउजरमा प्रदर्शन गरिएको छैन। र यो लेखिएको छ, मूलतः, अन्य प्रोग्रामरहरू र वेब डिजाइनरहरूका लागि तल जानकारीको ब्लक पछि के हो भनेर बुझ्न, किन यो वा यो कोडको टुक्रा निर्दिष्ट गरिएको थियो।

निष्कर्ष

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

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