कंप्यूटर, प्रोग्रामिंग
HTML: शुरुआती के लिए मूल बातें
एचटीएमएल - हाइपरटेक्स्ट मार्कअप भाषा है कि इंटरनेट बना दिया है के रूप में हम जानते हैं और पसंद। यह इस अद्भुत उपकरण साइट्स के लिए धन्यवाद अच्छा और आधुनिक लग रही है और उनके उपयोग की सुविधा प्रदान करता है। एचटीएमएल बस है एक उपयोगकर्ता के अनुकूल विकल्प में एक वेब पेज के तत्वों असेंबल। उनका काम तथ्य यह है कि ऐसा करने के लिए तुलनीय है पाठ संपादक ऐसे एमएस वर्ड या OpenOffice के रूप में। वे पैराग्राफ, बोल्ड पाठ, इटैलिक, टेबल, और यहां तक कि छवियों है कि एक दस्तावेज़ में अक्षरों का एक चेहराविहीन बड़े पैमाने पर कर देते हैं। मोटे तौर पर एक ही बात एचटीएमएल फर्क सिर्फ इतना किया जा रहा है कि इसके दस्तावेजों ब्राउज़र में प्रदर्शित किए जाते हैं, और इस उपकरण की संभावनाओं पाठ संपादक की तुलना में काफी व्यापक है के साथ बनाता है। विशेष कमांड कि एक वेब पेज संरचना का वर्णन - टैग अंकन के लिए प्रयोग किया जाता है। <टैग>, ब्राउज़र उन्हें पाठ के कुल द्रव्यमान से अलग कर सकता है - वे कोण कोष्ठक में संलग्न हैं। अगला हम शुरुआती के लिए HTML की मूल बातें पर दिखेगा।
दृश्य संपादकों
शुरुआती केवल HTML के अध्ययन का मार्ग प्रशस्त, अक्सर कार्यक्रमों के साथ अपने काम शुरू किसी भी ज्ञान के बिना वेबसाइट बनाने के लिए। वे बस स्क्रीन पर आइटम जगह के रूप में वे ब्राउज़र में दिखाई देगा कर सकते हैं। यह प्रतीत होता है, यहाँ यह है - अनन्त अनुग्रह का स्रोत, वेब डेवलपर्स के सबसे छुटकारा पाने के लिए अनुमति देता है। लेकिन इतना आसान नहीं है, क्योंकि दृश्य संपादकों कई कमियों कि बनाने के लिए है यह असंभव उन्हें गंभीर परियोजनाओं में उपयोग करने के लिए।
इन कार्यक्रमों में उस पृष्ठ के अंतिम संस्करण बोझिल और suboptimal कर अनावश्यक टैग का एक बहुत पैदा करते हैं। बेशक, उच्च गति के इंटरनेट के इस युग में यह अतीत की तुलना में कम महत्व का है, लेकिन कई कारणों से क्यों एक संक्षिप्त और अच्छी तरह से लिखा वेबसाइट अपने समकक्ष, दृश्य संपादक में बनाया तुलना में एक अधिक व्यावहारिक है देखते हैं। वेब पेज इस तरह के कार्यक्रम में किए गए बुरी तरह से अर्थ त्रुटियों के एक समूह के साथ कोड और बोझिल और विसंगत कोड के हर किलोबाइट उन्हें महत्वपूर्ण के रूप में खोज इंजन द्वारा माना जाएगा शायद ही उन्हें स्वाद के लिए है। इसके अलावा, संपादकों अक्सर कई बार के पीछे, अप्रासंगिक हो जाते हैं, और संसाधन खर्च करने पर उनके विकास अव्यावहारिक है क्योंकि कोई पेशेवर इन उत्पादों का उपयोग नहीं होगा। इसलिए, जो कोई साइटों के निर्माण में काम करने के लिए चाहता है, एचटीएमएल की मूल बातें पता होना चाहिए।
टैग
जैसा कि ऊपर उल्लेख, टैग वेब ब्राउज़र पेज की संरचना का वर्णन। उनमें से ज्यादातर खोलने और बंद करने टैग नहीं है, लेकिन सभी नहीं। उदाहरण के लिए,
वहाँ भी एक टैग, जो बंद कर दिया की जरूरत नहीं है कर रहे हैं। उन्हें में यह अंदर था, साथ ही गुण। गुण एचटीएमएल टैग के अधिकांश के लिए स्थापित किया जा सकता है और तत्व के गुणों सेट। यह उद्घाटन टैग में नामित किया गया है इस तरह दिखता है: विशेषता = "...", बजाय अंक की जहां विशेषता मान है। टैग का ज्ञान एचटीएमएल के विकास के लिए पहली और सबसे महत्वपूर्ण कदम है। इस कला की मूल बातें भी वेब पेज संरचना की समझ मतलब।
दस्तावेज़ संरचना
प्रत्येक HTML दस्तावेज़ एक इसी विस्तार, उदाहरण, index.html के लिए है। तो ब्राउज़र को समझ सकता हूँ कि वह क्या करना है क्या, और सही ढंग से एक पेज प्रदर्शित करते हैं। सभी साइट बनाने के लिए इस्तेमाल किया फ़ाइलें, यह एक ही निर्देशिका है कि भविष्य में बहुत अपने जीवन को कम करेगा में रखने के लिए सलाह दी जाती है। हाइपर टेक्स्ट मार्कअप लैंग्वेज एचटीएमएल की नींव दस्तावेज़ की संरचना की एक स्पष्ट समझ शामिल है। यह टैग के साथ शुरू होता है , HTML, जो इस दस्तावेज़ में प्रयोग किया जाता है के ब्राउज़र संस्करण बताता है। फिलहाल, भाषा के सामयिक पांचवें संस्करण है, इसलिए कुछ भी आविष्कार करने के लिए कोई जरूरत नहीं है, हम सुरक्षित रूप से किसी भी पृष्ठ के शीर्ष पर ऊपर टैग सम्मिलित कर सकते हैं।
तब मुख्य बनती संरचना करने के लिए जाना है, साइट के "कंकाल" का गठन। जिसमें पहली टैग सभी बाकी डाल करने के लिए - ... html>। सब से परे है,, एक वेब पेज के रूप में ब्राउज़र द्वारा मान्यता प्राप्त नहीं इतना है कि यह खोलता है और दस्तावेज़ बंद कर देता है है। इस टैग को किसी भी दस्तावेज़ के लिए आवश्यक है। यह भी कई अनिवार्य टैग, जो नीचे चर्चा की जाएगी में शामिल है।
सिर
टैग के अंदर
... head> एक तकनीकी प्रकृति है, जो पृष्ठ पर प्रदर्शित नहीं किया जाएगा, लेकिन, फिर भी, दस्तावेज़ HTML का एक महत्वपूर्ण हिस्सा है की जानकारी शामिल है। साइट इस स्थान में रखी नोटिस, चयनित और पृष्ठ नाम की एन्कोडिंग में पेश कर रहे हैं। यह अनिवार्य टैगलिंक
एचटीएमएल के आधारभूत ज्ञान भी व्यापक शैलियों, या सीएसएस का उपयोग शामिल है। वे तत्व हैं जो पेज पर प्रदर्शित किया जाएगा के गुणों की स्थापना की। इस समस्या के लिए आधुनिक दृष्टिकोण का रंग, लंबाई और आइटम के स्थान के रूप में ऐसी विशेषताओं लगाने, अतिरिक्त सुविधा के लिए एक बाहरी फ़ाइल शामिल है। सीएसएस फ़ाइल टैग <लिंक /> का उपयोग करता है कनेक्ट करने के लिए। समाप्त रूप में, यह कुछ इस तरह दिखता: , जो href इंगित करता है अपने प्रकार पर - फ़ाइल, और प्रकार के स्थान पर।
शव
यह HTML दस्तावेज़ पेज के दृश्य भाग के द्वारा बनाई गई के इस हिस्से में है। सभी कि "शरीर" के अंदर किया जाता है ब्राउज़र द्वारा प्रदर्शित किया जाएगा।
- - सबस्ट्रिंग को निकालने के लिए एक विशेष शैली, सीएसएस में वर्णित को सौंपा जा करने के लिए प्रयोग किया जाता है;
- - किसी वेब पेज पर एक लिंक बनाता है; कूद पते विशेषता href निर्दिष्ट किया जाता है;
- - सबसे लोकप्रिय आधुनिक टैग में से एक; किसी को भी जो भाषा HTMLl की मूल बातें जानने के लिए, यह करने के लिए विशेष ध्यान देना चाहिए, क्योंकि यह एक ब्लॉक तत्व है, जो आज के वेबसाइटों (ब्लॉक के लिए मानकोंसीएसएस में स्थापित कर रहे हैं, और अन्य इकाइयों इस टैग के अंदर रखा जा सकता है) का बड़ा हिस्सा के आधार पर किया जाता है का फैसला किया;
- पाठ का एक पैरा का चयन करता है; पैरा की सामग्री को खोलने और बंद करने टैग के बीच स्थित है;
- - क्रमांकित सूची, तत्व है जो की टैग जोड़ी के रूप में कर रहे हैं
- ;
-
- - एक बुलेटेड सूची, जो है, साथ ही गिने तत्वों में टैग से चिह्नित हैं
- ;
- <एच 1> -
- दस्तावेज़ हेडर (- मुख्य शीर्षक, और उसके बाद की विविधताएं इसके उपशीर्षक, वैसे, शीर्षकों
,
इंटरनेट खुली जगह पर लगाने के लिए लगभग असंभव है की स्तर हैं आंकड़ा शीर्षक, यानी
के स्तर को इंगित करता है) यह भी याद करने के लिए एक पृष्ठ का केवल एक हेडर रख सकते हैं कि महत्वपूर्ण है
;
- - बोल्ड पाठ;
- - इटैलिक;
-
- वेब पेज (यह मात्र एक टैग है, यह बंद करने के लिए की जरूरत नहीं है, लेकिन यह वैकल्पिक विशेषता है, जो एक छवि के लिए पाठ को निर्दिष्ट करता है निर्दिष्ट करने के लिए आवश्यक है) पर चित्रों को डालने; - <वीडियो> - एक वेब पेज पर एक वीडियो डालने;
- <ऑडियो> - टैग दस्तावेज़ ऑडियो फाइल में डाला जाता है।
यह सब नहीं अपने स्वयं के वेब पेज बनाने के लिए आवश्यक टैग है, लेकिन वे शुरुआती के लिए HTML की नींव डालने के लिए पर्याप्त हैं।
सीएसएस
एचटीएमएल भाषा के विकास कि प्रत्येक टैग obzavolsya वजन का श्रेय इस तथ्य के लिए प्रेरित किया, और वेब पृष्ठों की उपस्थिति के लिए आवश्यकताओं को काफी वृद्धि हुई है मतलब। कोड बोझिल और असुविधाजनक हो गया है, यह इसे पढ़ने के लिए, अकेले अनुकूलन या बदलने के लिए मुश्किल था। इसके अलावा, तो, पसीना करने के लिए है अपनी साइट दस पन्नों, जिस पर सुर्खियों का एक बहुत, हरे रंग में चिह्नित करता है, तो हर हाथ में परिवर्तन, और आप अचानक उन्हें लाल बनाना चाहते थे। व्यापक स्टाइल शीट्स के आगमन के साथ, इस प्रक्रिया को सरल और तार्किक हो गया है, और एचटीएमएल कोड और अधिक पठनीय बन गया है।
लागू करने सीएसएस
वेब पृष्ठों को बनाने के लिए, आप HTML और सीएसएस की मूल बातें पता होना चाहिए, तो यह व्यापक स्टाइल शीट्स का ज्ञान इस क्षेत्र में कोई लेना देना नहीं है बिना अब है। वे प्रत्येक तत्व के लिए गुण है, जो पूरे दस्तावेज़ पर लागू होते हैं निर्धारित किया है। इस प्रकार, आप सभी
आदेश दस्तावेज़ में सीएसएस फ़ाइल कनेक्ट करने के लिए, वहाँ एक टैग कड़ी है। थोड़ा ऊपर यह इसके उपयोग के सिद्धांत का वर्णन किया, लेकिन यह केवल एक ही स्थान पर सभी शैलियों के संयोजन विकल्प नहीं है। वहाँ टैग