File Name Introduction Of HTML Editors
आपने पहले आर्टिकल में पढ़ा होगा कि HTML क्या हैं? लेकिन HTML फाइल के टेक्स्ट फाइल को एडिट करने के लिए एडिटर्स की आवश्यकता होती हैं।
वेबपेज बनाने के लिए, आप समझ ले की बिना HTML एडिटर्स के आप कोडिंग नहीं कर सकते हैं।
क्योंकि HTML फाइल की टेक्स्ट फाइल को एडिट सीर्फ HTML Editors के उपयोग से ही किया जा सकता हैं।
अर्थात HTML को माइक्रोसॉफ्ट वर्ड पर एडिट नहीं कर सकते हैं।
इसी कारण HTML एडिट के लिए केवल HTML एडिटर्स की ही आवश्यकता होती हैं।
इस आर्टिकल में नीचे दिये कुछ Contents को विस्तार में समझेंगे।
HTML Editors क्या हैं?
वेबपेज बनाने के लिए एक simple एडिटर का उपयोग किया जाता हैं। अर्थात HTML फाइल एक टेक्स्ट फाइल होती हैं और इसको एडिट करने के लिए HTML एडिटर्स की आवश्यकता होती हैं।
हम HTML फाइल को माइक्रोसॉफ्ट वर्ड या गूगल डॉक्स द्वारा एडिट नहीं कर सकते हैं।
इसलिए वेबपेज बनाने के लिए HTML फाइल को एडिट करने के लिए HTML Editors का ही उपयोग किया जाता हैं।
कुछ HTML एडिटर्स नीचे दिए गए हैं, जो HTML कोडिंग के लिए सबसे बेस्ट HTML Editors हैं।
Most पाँच HTML Editors :
आज के समय में बहुत सारें HTML Editors हैं। जिनका उपयोग किया जाता हैं।
हम इस पोर्टल में आपको बेस्ट पाँच HTML Editors के बारे में बतायेंगे।
इसमें से किसी एक HTML एडिटर को संक्षेप में समझायेंगे कि इसका उपयोग कैसे किया जाता हैं।
जो निम्न HTML Editors हैं :
- Notepad या Notepad++
- Visual Studio Code
- Sublime Text 4
- Brackets
- Atom
"HTML Editors, एक सॉफ्टवेयर टूल्स होता हैं। जिसका उपयोग वेबपेज बनाने के लिए किया जाता हैं। इसे ही HTML Editors कहते हैं।"
HTML Editor - Sublime Text 4
Sublime Text 3 का नया लेटेस्ट version Sublime Text 4 अभी हाल में ही अपडेट हुआ हैं।
Sublime Text 4 एक सॉफ्टवेयर HTML Editor हैं। जिसमे coding की जाती हैं और जिसके उपयोग से वेबपेज बनाया जाता हैं।
Sublime Text 4 में बहुत अच्छे features दिए गए जिसकी मदद से HTML फाइल की टेक्स्ट फाइल को अच्छे से एडिट किया जा सकता हैं।
Sublime Text 4 का उपयोग कैसे करे?
सबसे पहली बात यह है कि आपके लैपटॉप या कंप्यूटर में Sublime Text 3 एडिटर डाउनलोड हैं या नहीं ?
अगर डाउनलोड नहीं है तो सबसे पहले इसको अपने PC में डाउनलोड कर लें।
डाउनलोड होने के बाद, इसका उपयोग Step by step करेंगे :
Step 1 : Sublime Text 4 को ओपन करो (PC पर)
सबसे पहले PC पर Sublime Text 4 को ओपन करें।
जो इस प्रकार दिखेगा :
Step 2 : अब HTML पेज को Save करें
अब Sublime Text 4 को ओपन करने के बाद,
इसको save कर लें, क्योंकि HTML कोड लिखने से पहले Sublime Text 4 के अच्छे feature के कारण आपको HTML कोडिंग करना आसान हो जाता हैं।
अब सेव करने से पहले अपने PC पर HTML नाम का फोल्डर बना लो, जिस पर आप सारी HTML फाइल्स को सेव करके रख सकते हैं।
इस प्रकार से सेव करें,
- इस एडिटर के सबसे ऊपर File का ऑप्शन दिया गया है इस ऑप्शन पर क्लिक करें।
- अब File Name लिखा दिख रहा होगा, उस पर फाइल का नाम देकर .html एक्सटेंशन लिखें जैसे index.html (यहाँ index फाइल का नाम हैं और .html फाइल को HTML पेज में सेव करता हैं।)
- अब दिए गए ऑप्शन Save as type पर All Files को सेलेक्ट करें और encoding पर UTF-8 को सेट करें।
इस प्रकार से Save करें :
Step 3 : अब HTML कोड लिखें
फाइल को सेव करने के बाद Sublime Text 4 में HTML कोड लिखें,
(<html ऐसा लिखकर enter करें, इसमें Feature के कारण कुछ कोड automatic आ जाते हैं, जिससे समय बच जाता हैं।)
फिर कोडिंग करें, Title का नाम दें, फिर body टैग के अंदर कंटेंट्स लिखें।
जो इस प्रकार से दिखेगा :
Step 4 : अब इस HTML Page को Browser में देखें (पहले लिखें गये कोड को सेव कर लें)
इस HTML पेज को आप अपने मनपसंदीदा Browser में ओपन करें, उसके लिए सेव की गयी फाइल को डबल क्लिक करके उसको ब्राउज़र में ओपन कर देखें।
जब भी कोड लिखे उसको सेव करते रहे, आप ctrl + s से आप direct सेव कर सकतें हैं।
ब्राउज़र पर कुछ इस प्रकार से दिखेगा :
इस प्रकार से आप coding करके HTML पेज को बना सकते हैं।
पर वेबपेज को ओर भी बेहतर बनाने के लिए style, CSS करके, वेबपेज को अच्छे से डिज़ाइन कर सकते हैं।
HTML CSS और HTML style को अगले आर्टिकल में विस्तार में समझेंगें।
0 Comments