एचटीएमएल (हायपरटेक्स्ट मार्कअप लैंग्वेज) वेब पेजों के विकास के लिए एक मूल भाषा है यह एक सरल और लचीला प्रोग्रामिंग भाषा बनने के लिए बनाया गया था इंटरनेट पर लगभग सभी पृष्ठों को इस एन्कोडिंग (कोल्डफ्यूजन, एक्सएमएल, एक्सएसएलटी) के कुछ फार्म के साथ विकसित किया गया है। इस आलेख में वर्णित प्राथमिक परिचय के साथ आप एचटीएमएल की मूल बातें हासिल कर सकते हैं, और उसके बाद अन्य विकीहेव गाइडों का उपयोग करके अपने कौशल का विस्तार कर सकते हैं। हालांकि, आपको अपडेट रखने के लिए अन्य ऑनलाइन ट्यूटोरियल देखें
निम्न चरणों से शुरू करने से पहले, अनुभाग को पढ़ना सबसे अच्छा है आप की आवश्यकता होगी चीजें.
2
विषय में जाने से पहले आपको जानने की जरूरत है:
टैग महत्वपूर्ण हैं यह क्या है? वे पाठ की बिट्स हैं जो मानव और मशीन की समझ को सुगम बनाते हैं। HTML में उपयोग किए जाने पर टैग कोष्ठक में बंद कर दिया गया है कभी-कभी उनके पास वर्णनात्मक विशेषताओं दोनों कंप्यूटर और उपयोगकर्ता के लिए उपयोगी होते हैं एक विशेष गुण है href जो उस पृष्ठ पर क्लिक करके उस पृष्ठ का लिंक निर्दिष्ट करता है जिसे देखा जा सकता है
WikiHow
ज्यादातर टैग स्लेश से पहले समान नाम के टैग के साथ बंद होना चाहिए, जैसा कि ऊपर के उदाहरण में है कुछ अपवाद हैं, जैसे टैग मेटा या DOCTYPE.
3
DOCTYPE
आमतौर पर, अधिकांश वेब पेज टैग द्वारा पहचाने जाते हैं DOCTYPE. यह ब्राउज़र द्वारा व्याख्या किए गए कोड की पहचान करने में सहायता करता है। अधिकांश पेज भी इस टैग के बिना काम करते हैं, लेकिन वर्ल्ड वाइड वेब कंसोर्टियम की मान्यता प्राप्त करना आवश्यक है। यह कंसोर्टियम विभिन्न प्रकार के इंटरनेट कोडिंग की विशालता को विनियमित करने में मदद करता है और निर्दिष्ट करता है कि वे कैसे इस्तेमाल कर सकते हैं HTML संस्करण 4.01 के लिए एक DOCTYPE नीचे दिखाया गया है:यह अक्सर इंटरनेट पर प्रयोग किया जाता है पृष्ठ `html` के प्रकार को निर्दिष्ट करता है, फिर पृष्ठ कोडिंग की एक सार्वजनिक परिभाषा प्रदान करता है और, अंत में, DOCTYPE की स्थिति को निर्दिष्ट करता है जो ब्राउज़र को पृष्ठ का सर्वश्रेष्ठ वर्णन करता है।
वर्षों में विकसित कई प्रकार के HTML के बीच अंतर हैं, उदाहरण के लिए विशिष्ट टैग के उपयोग में। कुछ को "पदावनत" कहा जाता है, यानी अब इसका उपयोग नहीं किया जाता क्योंकि वे अधिक उपयोगी टैग द्वारा प्रतिस्थापित करते हैं।
टैग और अन्य टैगों द्वारा प्रतिस्थापित किया जाता है क्योंकि वे टेक्स्ट को सुशोभित करने के लिए उपयोग किए जाते हैं, लेकिन इसकी विशेषताओं को निर्दिष्ट नहीं करते हैं टैग प्रतिस्थापित करते हैं, जैसा कि यह जगह है
इस पर ज़ोर दिया जाना चाहिए कि पिछला टैग अन्य लोगों द्वारा प्रतिस्थापित किए गए हैं जो सिर्फ स्वरूपण से अधिक का प्रतिनिधित्व करते हैं। यदि पाठ का अनुवाद किया गया है, इसका अर्थ बनी हुई है और न सिर्फ इसकी स्वरूपण। यह शब्दार्थ सही है
संस्करण 2.0 एक्सएचटीएमएल में टैग को पुराना माना जाता है, जैसा कि एचटीएमएल के संस्करण 3 में है।
4
"इनकैप्सुलेशन नियम" एचटीएमएल
देखते हैं कि अब सबसे महत्वपूर्ण टैग क्या उपयोग किए गए हैं। जब कोई पृष्ठ बनाया जाता है, तो इसकी संरचना बहुत सरल है हर बार जब आप एक टैग खोलते हैं बंद होना चाहिए. पूरे लेआउट को ध्यान में रखा जाना चाहिए। यह एक वैध XHTML लेआउट हो सकता है:
हैलो वर्ल्ड!
प्रत्येक कोड प्रणाली ने संदेश लिखने के लिए एक भाषा का एक उदाहरण बनाया है हैलो वर्ल्ड. यह तथाकथित परीक्षण है हैलो वर्ल्ड.
5
हैडर
एक वेब पेज के शीर्ष लेख वह सामग्री है जो टैग के भीतर मौजूद है . यह सामग्री उपयोगकर्ता के लिए दृश्यमान नहीं है, पृष्ठ शीर्षक के अपवाद के साथ जो बहुत स्पष्ट है। टैग के अंदर की जानकारी अन्य टैग हो सकते हैं, उदाहरण के लिए:
मेटा टैग, पाठ जानकारी निर्दिष्ट करने के लिए उपयोग किया जाता है जो खोज इंजनों को मदद करता है।
लिंक टैग, जो स्टाइलशीट स्टाइल शीट्स (सीएसएस) जैसी दस्तावेज़ों के लिए कनेक्शन जोड़ता है।
एससीआरआईपीटी टैग, जिसमें उस कोड को शामिल किया गया है जिसमें पृष्ठ दूरस्थ रूप से पहुंचा है।
स्टाइल टैग, जो कि केवल एक शैली पत्रक है जो उस पृष्ठ पर सीधे टैग के भीतर इनकोड करता है
TITLE टैग, जो ब्राउज़र के शीर्ष पर स्थित बार में एक शीर्षक प्रदान करता है।
हम उनमें से कुछ का एक उदाहरण हैडर (निकाले) में एकत्रित करते हैं, इस साइट से घनीभूत होते हैं:
...
स्पष्ट होने के लिए: प्रत्येक टैग से सभी सत्य जानकारी को समाप्त कर दिया गया है ताकि उन्हें एक साथ लाने और उन सभी को दिखाई दे सके जो टिप्पणी में छोड़कर शीर्ष लेख में शामिल हो सकते हैं (जो बुनियादी टैग के लिए समर्पित चरण में चर्चा की जाएगी)।
6
मूल टैग
हम आगे बढ़ते हैं, उनके उपयोग पर ध्यान देते हैं और इनकैप्सुलेशन को याद करते हैं।
एक निश्चित महत्व का पाठ संकेत देता है
नियमित पाठ की तुलना में फ़ॉन्ट आकार घट जाती है। आयाम 1 और 7- के बीच के मान से मापा जाता है, सामान्य टेक्स्ट 3 डिफ़ॉल्ट रूप से होता है
स्वरूपित पाठ का एक ब्लॉक परिभाषित करता है यह टेक्स्ट सामान्यतया एकल-स्पेस फ़ॉन्ट के साथ और शब्दों के बीच रिक्त स्थान के साथ लिखा जाता है
पाठ पर जोर देती है, एक शैली के रूप में नहीं, बल्कि अर्थ के रूप में।
इसे हटाने के लिए पाठ पर एक पंक्ति डालता है।
पाठ को यह दिखाने के लिए रेखांकित करता है कि यह जोड़ा गया है, टैग के बाद कभी-कभी सही .
कई हेडर टैग्स में से एक है, जो सभी के साथ `एच` के साथ होता है, टैग उसी नंबर के साथ बंद होना चाहिए।
एक पैराग्राफ में दिए गए वाक्य के एक समूह को परिभाषित करता है।
केवल स्रोत कोड को पढ़ने के द्वारा दृश्यमान जानकारी शामिल है I अन्य टैगों के विपरीत, इसमें HTML टिप्पणी की सामग्री डाली जानी चाहिए।
एक स्रोत से उद्धृत एक पाठ परिभाषित करता है जिसे किसी टैग द्वारा वर्णित किया जा सकता है .
मौजूदा टैगों की पूरी समीक्षा के लिए HTML डॉग साइट का संदर्भ लें
यह साइट उदाहरणों के साथ उत्कृष्ट स्पष्टीकरण भी प्रदान करता है।
7
एक संरचना का निर्माण
पैराग्राफ बनाने वाले हेडर्स के लिए पृष्ठों को एक साधारण सेट टैग में डेटा रखने के लिए बनाया गया है कंप्यूटर केवल समझता है कि डेटा है, लेकिन यह नहीं पता कि वे एक दूसरे से जुड़े हैं, क्योंकि ये विचारों को सम्बोधित करने में सक्षम नहीं है। हमें उन हिस्सों में विभाजित एचटीएमएल पेज बनाने की जरूरत है जो कंप्यूटर द्वारा पहचाने जा सकते हैं, और इस लक्ष्य को टैग के प्रयोग से प्राप्त किया जा सकता है
, जो पृष्ठों की एक बड़ी राशि बनाने में मदद करता है लेआउट बनाने के लिए कोड की बड़ी टेबल से बचने के लिए इसे सीएसएस स्टाइल शीट्स द्वारा समर्थित किया जा सकता है।
यह हेडल ब्लॉकों को अलग करने के लिए इस्तेमाल किया जा सकता है जिससे उन्हें मशीनों और उपयोगकर्ताओं दोनों को समझा जा सके।
एचटीएमएल लेआउट का एक बहुत सरल उदाहरण देखें, जिसमें टैग का उपयोग शामिल है
.
हैलो वर्ल्ड!
यह div # contentOne में कुछ पाठ है
Div # contentOne के उपखंड में एक अनुच्छेद
टैग्स को नाम दें
सीएसएस और जावास्क्रिप्ट के उपयोग की तुलना में उन्हें ढूंढने और इष्टतम तरीके से उन्हें शैली में उपयोग करने में मदद करता है।
टिप्स
न सिर्फ इस लेख को पढ़ें और किसी से संपर्क करें जो आपको सिखा सकते हैं। विशेष रूप से प्रौद्योगिकी की विशाल दुनिया में, सीखने के लिए हमेशा कुछ नया होता है
व्यस्त हो जाओ और सीखें, उधार लें और कोड बनाएं
ध्यान दें कि कुछ टैग खोले जाते हैं, लेकिन बंद नहीं होते हैं, जैसे कि < पी > (अनुच्छेद) ई < br > (लाइन ब्रेक)। अन्य टैग खोले जाते हैं और फिर एक के साथ बंद हो जाते हैं। वे उदाहरण हैं
आविष्कार, डिजाइन या कोड नई चीजों के लिए भी योगदान करें
अगले चरण के रूप में, कोडिंग सर्वर की देखभाल करने का प्रयास करें
सीएसएस और जावास्क्रिप्ट जानें
चेतावनी
याद रखें कि HTML केवल एक सार्वभौमिक प्रारूप में सामग्री को सांकेतिकृत करने के लिए कार्य करता है हमें इसे यथार्थ रूप से सही बनाने का प्रयास करना चाहिए, भले ही दूसरों को यह नोटिस न हो। अन्य सहायक भाषाओं, जैसे सीएसएस, जावास्क्रिप्ट और एक्सएमएल, जिसमें प्रतिनिधित्व की शुद्धता दी गई है।
आप की आवश्यकता होगी चीजें
ANSI एन्कोडिंग का समर्थन करने वाला एक पाठ संपादक
इंटरनेट एक्सप्लोरर या मोज़िला फ़ायरफ़ॉक्स जैसे वेब ब्राउज़र
ऐडोब ड्रीमइवेर, एपटाटा स्टूडियो या माइक्रोसॉफ्ट एक्सप्रेशन वेब (ऐच्छिक) जैसे एक Wysiwyg संपादक
फेसबुक पेज मैनेजर का उपयोग करके अपनी खुद की पेज जानकारी अपडेट करने के लिए कैसे करें
वेबसाइट के लिए एक टेम्पलेट कैसे बनाएं
पीडीएफ दस्तावेज़ में एक पृष्ठ की प्रतिलिपि कैसे बनाएं
लैंडिंग पृष्ठ कैसे बनाएं
Tumblr पर कस्टम पृष्ठ कैसे बनाएं
HTML के साथ एक सरल वेब पेज कैसे बनाएं
सीएसएस कोड कैसे सीखें
HTML भाषा कैसे सीखें
HTML में छवियां कैसे डालें
एचटीएमएल कोड का इस्तेमाल करते हुए एक छवि में एक लिंक कैसे डालें
XML फ़ाइलों को कैसे संपादित करें
वीबीस्क्रिप्ट में कार्यक्रम कैसे करें
एचटीएमएल में एक सीएसएस फ़ाइल का उपयोग कैसे करें