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

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

बुनियादी जानकारी

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

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

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

टैग

टैग - एचटीएमएल के तत्व। इसके साथ, आप, पाठ का फ़ॉन्ट, रंग, आकार सेट यह मेज और चित्र, प्रारूप में पेस्ट, हेडर, लिंक, और पेज रंग बना सकते हैं।

टैग हमेशा कोण कोष्ठक में बंद होते हैं - <>, और कहा कि क्या उन्हें अलग करता है मुख्य पाठ, जो जब ब्राउज़ कर पृष्ठ पर प्रदर्शित होता से है। डबल और सिंगल - ये दो प्रकार के होते हैं।

आरंभिक टैग और अंतिम से बना रखा है, जबकि एक बाईं कोण कोष्ठक के बाद बाद सीधे slensh है। उदाहरण के लिए: & lt; p & gt; पाठ & lt; / p & gt;।

बीच दो टैग पाठ, टेबल, चित्र, या अन्य आइटम है, जो एक वेब पेज पर प्रदर्शित होता है।

सोलो भी सिर्फ़ एक टैग से मिलकर बनता है और फॉरवर्ड स्लैश शामिल नहीं है। उदाहरण के लिए: & lt; घंटा & gt;।

टैग पैरामीटर है कि HTML के लिए विशेष कोड का उपयोग कर सेट किया जा सकता हो सकता है।

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

कुंजी टैग

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

बनती:

• और लेफ्टिनेंट; बॉडी & gt; - यह इस तरह के रूप दस्तावेज़ के बुनियादी मानकों को शामिल पृष्ठभूमि रंग लिंक, और अन्य क्षेत्रों में;
• और लेफ्टिनेंट; p & gt; - एक पैराग्राफ इंगित करता है,
• और लेफ्टिनेंट; p & gt; - मोटे अक्षरों में पाठ का चयन करता है;
• और लेफ्टिनेंट; i & gt; - इटैलिक;
• और लेफ्टिनेंट; u & gt; - पाठ को रेखांकित करता है;
• और लेफ्टिनेंट; रों & gt; - पाठ रद्द;
• और लेफ्टिनेंट; sup & gt; - एक सुपरस्क्रिप्ट के रूप में पाठ होता है;
• और लेफ्टिनेंट; उप & gt; - सबस्क्रिप्ट;
• और लेफ्टिनेंट; font & gt; - फ़ॉन्ट paramerty सेट: आकार, फ़ॉन्ट, रंग,
• और लेफ्टिनेंट; div & gt; - इसके साथ आप अपने पाठ संरेखित कर सकते हैं;
• और लेफ्टिनेंट; ज & gt; - टैग हेडर;
• और लेफ्टिनेंट; एक & gt; ; सेट संदर्भ की मदद से -
• और लेफ्टिनेंट; तालिका & gt; - यह इसके साथ टैग कर देता है & lt एक मेज दस्तावेज़ जुड़े सम्मिलित करने के लिए मदद करता है, & Gt टीआर; (लाइन) और & lt; टीडी & gt; (सेल)।

एकल:

• & Lt; br & gt; - एकल, टेक्स्ट रैपिंग, उसके पीछे के बाद, एक नया पृष्ठ पर;
• और लेफ्टिनेंट; घंटा & gt; - यह क्षैतिज रेखा के पाठ में डाला जा सकता।

यह ध्यान देने योग्य है कि टैग आम तौर पर एक नई लाइन पर निर्धारित कर रहे हैं लायक है। यह न केवल सांकेतिक शब्दों में बदलनेवाला की सुविधा के लिए किया जाता है, लेकिन यह भी जो लोग HTML पर कोड देखने होंगे।

पैरामीटर टैग

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

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

के भी, एक टैग इस विकल्प के लिए उपयुक्त है रंग नहीं के बाद से उनमें से कई वेब मार्कअप आदेशों के बहुमत में उपयोग किया जाता है:

• चेहरा - फ़ॉन्ट प्रकार निर्दिष्ट करता है;
• आकार - आकार को निर्दिष्ट;
• रंग - रंग बनाया;
• संरेखित - संरेखण;
• नाम - नाम;
• href - इस पैरामीटर का उपयोग संदर्भ पता होता है;
• alt - वैकल्पिक पाठ;
• चौड़ाई - चौड़ाई;
• ऊंचाई - ऊंचाई;
• पृष्ठभूमि - वॉलपेपर;
• bgcolor - पृष्ठभूमि।

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

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

रंग तालिका

तो, बुनियादी टैग और उनकी सेटिंग के साथ, हम समझते थे, अब के HTML रंग कोड को देखो। यह उनकी मदद से है, आप पाठ, पृष्ठों के रंग से, या उसके तत्वों में से कुछ निर्दिष्ट कर सकते हैं।

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

वहाँ भी की एक तालिका है सुरक्षित रंग, जो 216 गुड़ के सभी प्रकार है।

ध्यान दें कि तालिकाओं का उपयोग और अधिक सुविधाजनक है। वे हेक्स रंग कोड दिया जाता है। इस मामले में, आप तुरंत रंग देख सकते हैं। प्रत्येक कोड एक हैश चिह्न संकेत के तीन जोड़े, जो की तीव्रता को चिह्नित द्वारा पीछा के साथ शुरू होता : प्राथमिक रंग , लाल, हरे और नीले।

इस कोड को बस कॉपी और टैग में अपने इच्छित सेटिंग्स स्थानापन्न।

पेज के कोड को देखने के लिए कैसे

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

लेकिन यह कैसे करना है? दो तरीके, एक काफी सरल और सीधा कर रहे हैं। पहले - इच्छित पृष्ठ खोलने के लिए और कुंजी संयोजन Ctrl + यू प्रेस करने नई विंडो में, पृष्ठ के स्रोत कोड दिखाई देगा, जैसा कि आप देख और पता लगाने कर सकते हैं।

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

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

निष्कर्ष

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

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