एचटीएमएल और सीएसएस गाइड, ट्यूटोरियल, कोड उदाहरण, ऑनलाइन संपादक के साथ साइटें

जब से मैंने इस ब्लॉग पर लिखना शुरू किया है, भले ही मैंने सरल तरीके से वेब पेजों को डिज़ाइन करने की कोशिश की हो, मुझे हमेशा html कोड समझने की कोशिश करनी पड़ी है, क्योंकि साइट बनाने के लिए सबसे आसान और सही स्वचालित प्रणाली का उपयोग करना, आवश्यकता कस्टम HTML कोड जोड़ने के लिए हमेशा होता है। मैं एक पेशेवर वेबमास्टर नहीं हूं, लेकिन हर किसी के पास ब्लॉग या साइट है जो कम से कम बुनियादी HTML टैग के मूल तत्वों को जानना चाहिए
मैं विभिन्न ऑनलाइन पोर्टलों को भी इंगित कर सकता हूं जो उन लोगों के लिए वैश्विक समर्थन के रूप में कार्य करते हैं जो सीखना चाहते हैं और वेबसाइटों के प्रबंधकों और डेवलपर्स के लिए भी। यहां तक ​​कि यह देखते हुए कि नई प्रोग्रामिंग भाषाओं जैसे कि PHP, जावास्क्रिप्ट, CSS और इतने पर उभरने के साथ समय के साथ प्रौद्योगिकियां बदल गई हैं, यह आवश्यक है, यहां तक ​​कि सबसे अनुभवी के लिए, वेबमास्टरों और वेब-डिजाइनरों के लिए शैक्षिक संदर्भ बिंदु भी हैं ।
इसलिए, चूंकि निश्चित रूप से बहुत खराब और परिहार्य वेबसाइटें हैं, इसलिए हम उन सर्वोत्तम साइटों को देखते हैं जिनके उदाहरण और HTML कोड गाइड और वेब एप्लिकेशन हैं जो आपको ऑनलाइन संपादकों के साथ परीक्षण, अभ्यास, प्रयोग और परीक्षण करने की अनुमति देते हैं। निम्नलिखित साइटें न केवल HTML सीखने के लिए एक अच्छा और ठोस आधार प्रदान करती हैं, बल्कि सबसे अच्छा सीखने का माहौल भी प्रदान करती हैं, साथ ही साथ इंटरेक्टिव टूल का भी उपयोग किया जाता है जो कि यह सीखा जाता है कि इसे सत्यापित करने के लिए इस्तेमाल किया जा सकता है और इसे क्षेत्र में आज़मा सकते हैं।
READ ALSO: ऐप और वेबसाइटों के लिए उपयोग की जाने वाली मुख्य प्रोग्रामिंग भाषाएं
1) HTML सीखने और इंटरनेट पर प्रोग्रामिंग करने के लिए सबसे अच्छी साइटें हैं CodePen और प्रोग्रामिंग परीक्षण करने के लिए साइटें, जो तत्काल पूर्वावलोकन के साथ अध्ययन और प्रयास करने के लिए ट्यूटोरियल, गाइड और कई ट्यूटोरियल और उदाहरण भी प्रदान करती हैं।
2) एचटीएमएल डॉग जाने के लिए पहली साइट है यदि आप भूल जाते हैं कि एचटीएमएल और सीएसएस कमांड या निर्देश का उपयोग कैसे करें ।
साइट को अच्छी तरह से डिज़ाइन किया गया है और सबसे ऊपर, वेब डिज़ाइन के लिए समर्पित अन्य साइटों के विपरीत बहुत अद्यतन किया गया है जिसमें अक्सर अप्रचलित गाइड होते हैं।
HTML डॉग प्रत्येक फ़ंक्शन, टैग या विशेषता के लिए, कोड का एक स्पष्ट उदाहरण प्रदान करता है जिसे आप अपने संपादक में कॉपी और पेस्ट कर सकते हैं।
तीन ट्यूटोरियल स्तर, शुरुआती, मध्यवर्ती और उन्नत हैं।
यहां तक ​​कि अगर साइट अंग्रेजी में है, तो उन लोगों के लिए भी परामर्श करना बहुत आसान है जो इसे सतही रूप से जानते हैं।
खोज फ़ील्ड का उपयोग करके, आप किसी विशेष टैग का उपयोग करने के लिए निर्देश और उदाहरण प्राप्त कर सकते हैं।
3) W3Schools शायद कम मानक और अधिक कल्पनाशील कोड खोजने के लिए सबसे अच्छी वेबसाइट है।
इसमें PHP CSS और HTML से लेकर XML और Javascript तक कई कोड उदाहरण हैं।
W3Schools साइट के बारे में सबसे उपयोगी चीज एक उपयोगी विभाजन स्क्रीन टूल है जहां आप प्रत्येक पाठ में सीखे गए कोड का परीक्षण कर सकते हैं।
यदि आप बॉक्स एडिटर में HTML कोड को संशोधित करते हैं, तो आप तुरंत प्रीव्यू में परिणाम देख सकते हैं, ताकि आप चाहते हैं कि सभी परीक्षण कर सकें।
यह उपकरण मुझे एक कोष्ठक खोलने और अन्य साइटों की रिपोर्ट करने के लिए ले जाता है जो एक ऑनलाइन और तत्काल HTML संपादक प्रदान करते हैं, परीक्षण करके और मूल्यों और आदेशों को बदलकर जो होता है उसे देखने के लिए बहुत उपयोगी है।
- HTML झटपट HTML ऑनलाइन संपादकों में सबसे प्रसिद्ध है जहाँ आप बाईं ओर कोड लिखते हैं और आप तुरंत देखते हैं कि यह दाईं ओर कैसे दिखता है
- HTML एडिट HTML इंस्टेंट के समान ही है कि संपादक ऊपर है और नीचे पूर्वावलोकन।
- JSBIN जावास्क्रिप्ट, जैसे jQuery, प्रोटोटाइप और अन्य को जोड़ने के लिए बहुत उपयोगी है।
4) Quitit W3Schools के समान स्तर पर है, जिसमें मूल और उन्नत HTML के कई उदाहरण हैं ।
सभी कोड आपकी वेबसाइट पर कॉपी और पेस्ट किए जा सकते हैं।
प्रत्येक उदाहरण के लिए, प्रोग्रामिंग कोड और ग्राफिक परिणाम दोनों दिखाए जाते हैं।
नीचे बाईं ओर स्थित मेनू में स्वचालित कोड जनरेटर होते हैं, जहां व्यक्तिगत रूप से फ़ील्ड भरकर, आप उस कोड के भाग को उत्पन्न कर सकते हैं जिसकी आपको आवश्यकता है।
5) HTML कोड का परीक्षण करने के लिए LandOfCode दो भागों में विभाजित एक ऑनलाइन संपादक प्रदान करता है।
साइट पर HTML कोड के कई उदाहरण हैं, हालांकि प्रारूपण वांछित होने के लिए थोड़ा छोड़ देता है।
LandOfCode ऑनलाइन संपादक W3School की तुलना में अधिक उन्नत है क्योंकि इसमें अतिरिक्त बटन हैं जो आपको एक नई विंडो में परिणाम देखने की अनुमति देते हैं न कि केवल दाईं ओर प्रदर्शन क्षेत्र में।
6) Html.it एक वेबसाइट बनाने के लिए उपयोग किए जाने वाले HTML कोड पर गाइड और इनसाइट पढ़ने के लिए सबसे अच्छा इतालवी साइट है ।
यदि यह विज्ञापन की विशाल उपस्थिति के लिए नहीं था, तो यह उत्कृष्ट होगा, आपकी आवश्यकताओं की प्रतिलिपि बनाने और पेस्ट करने के लिए कई उदाहरणों के साथ।
हालांकि, उपयोग की जाने वाली भाषा बहुत सरल नहीं है और ऊपर दी गई अंग्रेजी साइटों में से गाइड को पढ़ना लगभग बेहतर है।
7) HTML.com, सीएसएस टैग का उपयोग करने और सभी प्रकार के वेबसाइट कोड के उदाहरणों को पढ़ने के लिए एक और शानदार साइट है।
जिज्ञासा से बाहर, आप WebPagesThatSuck वेबसाइट पर जा सकते हैं जहां आप देख सकते हैं कि वेब पेज कैसे नहीं बनाया जाना चाहिए, दुनिया की सबसे खराब साइटों की रैंकिंग को पढ़ने के लिए कौन सी गलतियों से बचना चाहिए और कहां पढ़ना चाहिए।
अंत में, मुझे इस ब्लॉग का एक और पृष्ठ याद है कि HTML, CSS और जावास्क्रिप्ट संश्लेषण योजनाओं को डाउनलोड करने के लिए सबसे अच्छे ऑनलाइन संसाधनों के साथ प्रिंट किया जाना है ।