HTML संपादक
आप पहले से जानते हैं कि HTML एक टेक्स्ट फ़ाइल के अंदर मार्कअप है। यह सत्र उस टूल पर केंद्रित है जिससे आप वह फ़ाइल लिखते हैं: एक HTML संपादक। सरल सादा-टेक्स्ट टूल टैग साफ़ रखता है और ब्राउज़र में पहली पृष्ठ खोलना आसान बनाता है।
HTML संपादक क्या है?
HTML संपादक कोई भी प्रोग्राम है जो आपको सादा टेक्स्ट लिखकर .html फ़ाइल के रूप में सहेजने देता है। ब्राउज़र को ब्रांड की परवाह नहीं। उसे सही मार्कअप और खुलने योग्य फ़ाइल चाहिए। संपादक छोटे नोटपैड ऐप से लेकर रंगीन हाइलाइट और फ़ाइल ब्राउज़र वाले कोड संपादक तक होते हैं।
सीधा उत्तर: शुरुआती क्या उपयोग करें?
Visual Studio Code जैसे मुफ़्त कोड संपादक से शुरू करें, या Windows पर Notepad / macOS पर plain-text मोड में TextEdit। HTML पाठों के लिए Microsoft Word, Google Docs या समान वर्ड प्रोसेसर से बचें। वे प्रिंट दस्तावेज़ों के लिए बने हैं और अक्सर छिपा स्वरूपण डालते हैं जो वेब पृष्ठ तोड़ देता है।
सादा-टेक्स्ट संपादक बनाम कोड संपादक
सादा-टेक्स्ट संपादक केवल आपके टाइप किए अक्षर सहेजता है। HTML के लिए यही काफी है। कोड संपादक भी सादा टेक्स्ट सहेजता है, पर मददगार सुविधाएँ जोड़ता है:
- सिंटैक्स हाइलाइटिंग ताकि टैग और टेक्स्ट पढ़ने में आसान हों
- गलतियाँ खोजने के लिए पंक्ति संख्या
- एक विंडो में फ़ोल्डर और कई फ़ाइलें
- बाद में वैकल्पिक एक्सटेंशन (इस कोर्स के लिए ज़रूरी नहीं)
HTML सीखने के लिए पेड IDE की ज़रूरत नहीं।
सहेजने के लिए न्यूनतम पृष्ठ
html<!DOCTYPE html>
<html>
<head>
<title>संपादक अभ्यास</title>
</head>
<body>
<h1>यह मैंने संपादक में लिखा</h1>
<p>.html फ़ाइल के रूप में सहेजा और ब्राउज़र में खोला।</p>
</body>
</html>यह अभ्यास फ़ाइल किसलिए है?
उदाहरण को अपने संपादक में कॉपी करें, editor-practice.html नाम से सहेजें, फिर Chrome, Firefox, Edge या Safari में खोलें। यदि शीर्षक और पैराग्राफ दिखें, तो संपादक और सेव सेटिंग काम कर रही हैं।
अपनी पहली HTML फ़ाइल कैसे बनाएँ
- संपादक खोलें और नई फ़ाइल बनाएँ
- एक बुनियादी HTML दस्तावेज़ चिपकाएँ या लिखें
- फ़ाइल को
.htmlपर खत्म होने वाले नाम से सहेजें (जैसेindex.html) - यदि संपादक एन्कोडिंग पूछे तो उपलब्ध होने पर UTF-8 चुनें
- सहेजी फ़ाइल ब्राउज़र में खोलें (डबल-क्लिक, या फ़ाइल को ब्राउज़र विंडो में खींचें)
Windows Notepad में Save As उपयोग करें, “Save as type” को All Files रखें, और स्वयं.htmlएक्सटेंशन लिखें ताकि फ़ाइल.txtन बने।
ऑनलाइन संपादक और इस साइट के Try-it बॉक्स
ऑनलाइन सैंडबॉक्स बिना सॉफ़्टवेयर इंस्टॉल किए ब्राउज़र में HTML संपादित करने देते हैं। तेज़ प्रयोगों के लिए उपयोगी हैं। इस कोर्स में लोकल .html फ़ाइल से भी अभ्यास करें ताकि असली सेव-और-खोल वर्कफ़्लो सीखें। जब पाठ Try-it कोड बॉक्स दिखाए, वहाँ चला सकते हैं और वही मार्कअप अपने संपादक में भी बना सकते हैं।
सुझाए गए मुफ़्त विकल्प
ये शुरुआती-अनुकूल आम विकल्प हैं (कोई एक काफ़ी है):
- Visual Studio Code — लोकप्रिय मुफ़्त कोड संपादक
- Notepad++ (Windows) — हाइलाइटिंग के साथ हल्का
- Sublime Text — तेज़ कोड संपादक (मुफ़्त मूल्यांकन)
- बिल्ट-इन Notepad / plain-text TextEdit — पहले सत्रों के लिए काफ़ी
एक टूल चुनें और कुछ समय उसी के साथ रहें ताकि वर्कफ़्लो स्वचालित हो जाए।
आम गलतियाँ
- Word या Docs में HTML लिखना और उन टूल्स के अतिरिक्त मार्कअप को समझे बिना निर्यात करना
- गलती से
.txtके रूप में सहेजना, फिर सोचना कि ब्राउज़र कच्चे टैग क्यों दिखाता है - फ़ाइल संपादित करना पर ब्राउज़र रिफ़्रेश से पहले सेव भूल जाना
- रिच-टेक्स्ट मोड जो उद्धरण बदलता है या attributes में स्मार्ट विरामचिह्न डालता है
- उम्मीद कि संपादक अकेले HTML «चलाएगा» — ब्राउज़र पृष्ठ दिखाता है; संपादक केवल स्रोत रखता है
सारांश
- HTML संपादक में सादे टेक्स्ट के रूप में लिखा जाता है, फिर
.htmlके रूप में सहेजा जाता है - कोड संपादक हाइलाइटिंग से मदद करते हैं; Notepad-जैसे टूल भी काम करते हैं
- HTML मार्कअप सीखने के लिए वर्ड प्रोसेसर से बचें
- बदलाव देखने के लिए सेव करें, फिर ब्राउज़र खोलें या रिफ़्रेश करें
- ऑनलाइन संपादक सुविधाजनक हैं; लोकल फ़ाइलें असली वर्कफ़्लो सिखाती हैं
- हर पाठ पर टूल बदलने से बेहतर एक स्थिर संपादक है
🧠 अपने ज्ञान की परीक्षा करें
अपने ज्ञान की परीक्षा करें
इस इंटरैक्टिव क्विज़ के साथ अपनी चुनौती लें और देखें कि आप विषय को कितनी अच्छी तरह समझते हैं
📝 निर्देश
- हर प्रश्न को ध्यान से पढ़ें
- हर प्रश्न के लिए सबसे अच्छा उत्तर चुनें
- आप जितनी बार चाहें क्विज़ दोबारा दे सकते हैं
- आपकी प्रगति शीर्ष पर दिखाई जाएगी