Home-theater-designers
वेब विकास का अध्ययन करते समय सीखने वाली पहली बात यह है कि HTML के साथ कोड कैसे किया जाता है। इससे भी महत्वपूर्ण बात यह है कि सभी नवीनतम तकनीकों का उपयोग करके HTML5 में कोड करने में सक्षम होना।
वेबसाइट पर आप जो कुछ भी देखते हैं वह HTML और CSS (कुछ जावास्क्रिप्ट के साथ छिड़का हुआ) के साथ बनाया गया है। सीखने के लिए बहुत कुछ है, तो आरंभ करने के लिए सबसे अच्छे संसाधन कौन से हैं?
कुछ शानदार वेबसाइटें हैं जो अच्छी तरह से डिज़ाइन किए गए HTML कोडिंग उदाहरण और ट्यूटोरियल प्रदान करती हैं जो आपको कोड करने के सबसे प्रभावी तरीके दिखा सकते हैं।
यहां आठ साइटें हैं जो अच्छे HTML कोड उदाहरण प्रस्तुत करती हैं और HTML विशेषज्ञ बनने में आपकी सहायता करती हैं।
1. एचटीएमएल कुत्ता
HTML डॉग के पास HTML कोड के ट्यूटोरियल, तकनीक, संदर्भ और उदाहरण की पेशकश है। वे सीएसएस और जावास्क्रिप्ट भी प्रदान करते हैं, जो एक अतिरिक्त बोनस है यदि आप एक वेब डेवलपर हैं। HTML डॉग HTML5 का उपयोग करता है ताकि आपको अप टू डेट जानकारी मिल सके।
उनके HTML उदाहरण प्रत्येक के लिए प्रदर्शनों के साथ सभी प्रकार के सिंटैक्स को कवर करते हैं।
किसी भी तत्व पर क्लिक करने पर एक इंटरैक्टिव कोडिंग पेज खुल जाएगा। HTML डॉग कोड बॉक्स में उदाहरण प्रदान करता है जिसे आप अपने स्वयं के HTML कोड में कॉपी और पेस्ट कर सकते हैं। यह सीखने और काम करने को मिलाने का एक अच्छा तरीका है।
आप दाईं ओर फलक पर नमूना कोड का लाइव HTML आउटपुट देख सकते हैं। यह सभी प्रकार के कोड के साथ खेलने के लिए एक साफ-सुथरा सैंडबॉक्स है।
2. W3स्कूल
W3Schools को व्यापक रूप से वेब डेवलपर्स के लिए एक शीर्ष संसाधन के रूप में माना जाता है, जिसमें PHP से जावास्क्रिप्ट तक कोडिंग उदाहरण हैं। जावास्क्रिप्ट क्या है? ) आपको मूल HTML कोडिंग उदाहरणों वाला एक अनुभाग भी मिलेगा।
HTML डॉग की तरह, उन्होंने कोडिंग का प्रयास करने के लिए एक स्प्लिट-स्क्रीन टूल को शामिल किया है। आप प्रत्येक पाठ में सीखे गए HTML का परीक्षण कर सकते हैं और कोड के विभिन्न टुकड़ों के साथ प्रयोग कर सकते हैं। अपना एचटीएमएल कोड करें, क्लिक करें Daud, और आप देखेंगे कि वास्तविक HTML पृष्ठ पर कोड कैसा दिखेगा।
3. मोज़िला एमडीएन
Mozilla Developer Network (MDN) के पास वेब डेवलपर्स के लिए प्रलेखन है। कोशिश करने के लिए HTML ट्यूटोरियल और कोड उदाहरणों की एक विस्तृत सूची है। अधिकांश उदाहरण उनके ट्यूटोरियल में निर्मित होते हैं, इसलिए उनके पथ पर काम करने से आपको सीखने के बहुत सारे अवसर मिलेंगे।
MDN को इसके विस्तार के लिए डेवलपर्स द्वारा अत्यधिक माना जाता है। वे वेब विकास को बहुत विस्तार से कवर करते हैं, जो आपके लाभ के लिए काम करता है क्योंकि उनके अनुभाग एक दूसरे में बंधे होते हैं। आप अच्छा व्यवहार सीखेंगे ताकि जब आप CSS या JavaScript को कोड करना शुरू करें तो सब कुछ सुचारू रूप से चले।
विवरण पहली बार में थोड़ा कठिन हो सकता है। अनुभाग बहुत गहन हैं, लेकिन आप इसे समझ जाएंगे! जैसे-जैसे आप अधिक उन्नत होते जाते हैं, वैसे-वैसे इसे बनाए रखने के लिए यह एक बेहतरीन संसाधन है, आप वास्तव में कभी भी ट्यूटोरियल को आगे नहीं बढ़ाएंगे।
चार। फ्रीकोडकैम्प
फ्रीकोडकैंप अपने ऑनलाइन पाठ्यक्रमों और कोडर्स के लिए प्रशिक्षण गाइड के लिए जाना जाता है। उनके पास HTML उदाहरणों का एक बड़ा भाग भी है। चित्रित ट्यूटोरियल में हेडर जैसे शुरुआती तत्वों से लेकर सिमेंटिक मार्कअप जैसी उन्नत अवधारणाओं तक के कोड उदाहरण शामिल हैं।
प्रत्येक अनुभाग में HTML के उदाहरण हैं ताकि आप तत्व को क्रिया में देख सकें। जब आप कोड करना सीखते हैं तो वापस आने के लिए यह एक अच्छा संसाधन है।
5. Codecademy
प्रोग्रामिंग सीखने के लिए सबसे प्रसिद्ध वेबसाइटों में से एक कोडेक अकादमी है। जब HTML सीखने की बात आती है, तो Codecademy HTML प्रशिक्षण पाठ्यक्रम से निराश नहीं होता है।
आप सेल फ़ोन स्थान कैसे ढूंढते हैं
पाठ्यक्रम लगभग नौ घंटे की सामग्री है और अधिकांश भाषा को कवर करता है। चार खंड गहराई से कवर किए गए हैं: तत्व, टेबल, फॉर्म और सिमेंटिक HTML।
पाठ्यक्रम कार्य क्षेत्र काफी उन्नत है और आपको सैंडबॉक्स में खेलने की सुविधा देता है। एक पूर्ण ब्राउज़र विंडो में आपकी वेबसाइट कैसी दिखती है, यह देखने के लिए आप इसे पूर्ण स्क्रीन पर भी स्विच कर सकते हैं।
इस कोर्स की अच्छी बात यह है कि इसमें इसके बारे में सीखना भी शामिल है अपने पृष्ठों को प्रारूपित करने के लिए CSS का उपयोग करना। यह मददगार है क्योंकि HTML और CSS वेब ऐप्स बनाने के लिए हाथ से काम करते हैं।
6. HTML.com
HTML.com एक वेबसाइट है जो HTML की सभी चीजों को समर्पित है। साइट को खोलने पर आपको ग्राउंड जीरो से भाषा सीखने के लिए एक शुरुआती गाइड दिखाई देगा। वाक्य रचना में गोता लगाने से पहले यह पढ़ने लायक है।
एक बार जब आप सीखने के लिए तैयार हो जाते हैं तो HTML.com में विभिन्न विषयों के लिए कई ट्यूटोरियल होते हैं। HTML दस्तावेज़ संरचना जैसे ट्यूटोरियल, HTML में लिंक का उपयोग करना और छवियों के साथ काम करना। आपको तेज रखने के लिए उनके ट्यूटोरियल बहुत सारे कोड उदाहरणों के साथ अच्छी तरह से पढ़े जाते हैं। यदि आप अधिक जानने के लिए किसी एक को चुनना चाहते हैं तो आपको HTML तत्वों की वर्णानुक्रमित सूची भी मिलेगी।
7. बिटडिग्री
बिटडिग्री इंटरैक्टिव कोड सीखने पर केंद्रित है इसलिए यह एक HTML गाइड के रूप में बहुत मूल्यवान है। आप प्रत्येक HTML तत्व पर मार्गदर्शिकाएँ पढ़ सकते हैं। प्रत्येक मार्गदर्शिका बताती है कि तत्व क्या करता है और इसका उपयोग करके आपको कोड का एक टुकड़ा दिखाता है।
कोड के प्रत्येक भाग को आज़माने के लिए उनके सैंडबॉक्स में खोला जा सकता है। यह HTML तत्वों के लिए एक शब्दकोश है! सब कुछ क्या करता है इसके लिए त्वरित संदर्भ के साथ प्रयोग करने में आप यहां काफी समय व्यतीत कर सकते हैं।
8. ट्यूटोरियल प्वाइंट
Tutorials Point एक नो-फ्रिल्स HTML संसाधन है। कोडिंग उदाहरणों के लिए HTML तत्वों को नेविगेट करना और उन्हें इंगित करना आसान है। इन उदाहरणों के बाकी हिस्सों की तरह, बुकमार्क करना और कोड लिखते समय हाथ में रखना एक अच्छा विकल्प है।
अधिक HTML कोड उदाहरण और संसाधन
अपनी खुद की वेबसाइट को कोड करने और अपनी उत्कृष्ट कृति को दुनिया के सामने प्रकट करने में कुछ समय बिताने के रूप में काफी उत्साहजनक कुछ भी नहीं है। यदि आप HTML का अध्ययन करते हैं, तो आप वेब डेवलपर्स की श्रेणी में शामिल होने की ओर बढ़ रहे हैं, जिन्होंने अपने स्वयं के ऐप्स बनाए हैं। HTML कोडिंग उदाहरणों के ये 8 स्रोत आपको ज़रूरत पड़ने पर सहेजने के लिए अच्छे हैं।
यदि आप HTML में आगे गोता लगाना चाहते हैं तो चेक आउट करें 17 सरल HTML कोड पीस आप मिनटों में सीख सकते हैं . वेब ऐप्स लिखना शुरू करने के लिए HTML की मूल बातें सीखना एक बेहतरीन जगह है। एक बार जब आप भाषा के साथ काफी दूर हो जाते हैं तो यह कुछ आश्चर्यजनक चीजें कर सकता है।
हमारे गाइड की जाँच करें HTML कोड की मूल बातें समझना , यह इन बहुत से उदाहरणों के साथ हाथ से जाता है।
साझा करना साझा करना कलरव ईमेल एनिमेटिंग स्पीच के लिए एक शुरुआती गाइडभाषण को एनिमेट करना एक चुनौती हो सकती है। यदि आप अपने प्रोजेक्ट में संवाद जोड़ना शुरू करने के लिए तैयार हैं, तो हम आपके लिए प्रक्रिया को तोड़ देंगे।
आगे पढ़िए संबंधित विषय- इंटरनेट
- प्रोग्रामिंग
- एचटीएमएल
- वेब विकास
- वेबमास्टर उपकरण
- सीएसएस
एंथनी ग्रांट प्रोग्रामिंग और सॉफ्टवेयर को कवर करने वाला एक स्वतंत्र लेखक है। वह प्रोग्रामिंग, एक्सेल, सॉफ्टवेयर और टेक्नोलॉजी में कंप्यूटर साइंस के प्रमुख हैं।
एंथनी ग्रांट . की अन्य फ़िल्में-टीवी शोहमारे न्यूज़लेटर की सदस्यता लें
तकनीकी युक्तियों, समीक्षाओं, निःशुल्क ई-पुस्तकों और अनन्य सौदों के लिए हमारे न्यूज़लेटर से जुड़ें!
सब्सक्राइब करने के लिए यहां क्लिक करें