HTML editor in Hindi 2023: क्या आप HTML सीखने या HTML में वेब पेज बनाने के लिए “Best FREE HTML Code editors Tools” की तलाश कर रहे हैं? अगर आपका जवाब हाँ है, तो यह लेख “HTML editor in Hindi” आपके लिए है।
इस लेख में, HTML editors क्या है? इसके प्रकार. HTML editors का उपयोग करने के फायदे? और वेब विकास (Web Development) के लिए, कौन से HTML Code editors tools का उपयोग किया जाना चाहिए. यह विस्तार से बताया गया है।
Table of Contents
HTML editors क्या हैं (What is an HTML Editor in Hindi)?
HTML Code editor एक सॉफ्टवेयर टूल है। वेब पेज या वेब development के लिए उपयोग किया जाता है। यानी की यह एक वेबपेज या वेबसाइट बनाने और कोड को संशोधित करने के लिए HTML editor tool का उपयोग किया जाता हैं।
जितने भी वेब document हैं, वो सब कोई ना कोई text editor से पहले code को लिखा जाता है। जिसमें HTML elements tags (जैसे header, body, paragraph, table, आदि हो सकता है।) का उपयोग होता है।
अगर आप HTML सिख रहे हो। तो मैं आपको HTML सीखने के लिए साधारण टेक्स्ट एडिटर जैसे Notepad (PC उपयोगकर्ताओं के लिए।) और TextEdit (Mac उपयोगकर्ताओं के लिए) की सलाह देते हैं।
जब आप HTML सिख जाएँगे तब आप एक पेशेवर HTML कोड संपादक का उपयोग करें। पेशेवर HTML editors में, खुद ब खुद HTML टैग की सिफारिश कर देता है। इससे आपके मस्तिष्क को जियादा दबाव डालना नहीं होता है, जिससे आपको HTML tags याद नहीं रहेगा।
- यह भी पढ़े: Web developer कैसे बने।
- 2023 में वेब डिज़ाइनर कैसे बने।
HTML Code editors के प्रकार (Types of Editors in Hindi)
HTML editor को दो प्रकारों में अंतर किया जा सकता है, एक text-based HTML editors, और दूसरा WYSIWYG editors.
1. WYSIWYG editors क्या है?
अगर आपको HTML का ज्यादा ज्ञान नहीं है, तो “WYSIWYG editor” का उपयोग करके वेब पेज design कर सकते हैं। WYSIWYG का पूरा नाम “what you see is what you get” जो दिखता है वही मिलता है।
मतलब इसमें आप HTML editor जैसे ही code को edit कर सकते है और website का layout बना सकते हैं।
अगर अपने कभी WordPress, Blogger या Joomla, आदि जैसे CMS पर ब्लॉग post करें है। तो आपको पता ही होगा पोस्ट लिखते समय HTML और CSS का उपयोग नहीं होता है।
बस आपको content लिखना है plan text editor में और publish करना है।
इन सभी CMS ब्लॉग सिस्टम WYSIWYG editor का उपयोग करता है। इस editor में, लिखे जाने वाली text, images, videos आदि directly एचटीएमएल और सीएसएस में convert हो जाता है।
2. Text-based HTML editors क्या है?
इस प्रकार के editor बहुत ही साधारण होता है। इसमें HTML document create या edit करने के लिए आपको HTML आना चाहिए। मतलब की आपको पता है HTML tags कैसे उपयोग करना है।
HTML एडिटर के फायदे (Advantages of HTML Editor)
HTML editor के सबसे बड़ी फायदे यह है कि वो उपयोगकर्ताओं को आसानी से अपने सिंटैक्स की जांच करने देता है.
आमतौर पर उपयोग किए जाने वाले HTML टैग और संरचनाओं को सम्मिलित करने और स्वत: पूर्णता (auto-completion) प्रदान करने की अनुमति देते हैं।
- एक HTML editor डेवलपर को पूर्ण नियंत्रण प्रदान करते हैं।
- विषयों के माध्यम से बहुत सारे अनुकूलन विकल्प प्रदान करता है।
- बड़ी HTML फाइलों को आसानी से हैंडल कर सकते हैं।
- HTML कोड संपादकों की सहायता से, आसानी से और तेज़ दर पर वेबसाइट बनाना संभव है।
- HTML संपादक का अन्य भाषाओं जैसे XML, जावास्क्रिप्ट, आदि में अनुवाद किया जा सकता है।
उदाहरण के लिए: Notepad, TextEdit आदि।
कई सारे professional code editor (जैसे Notepad++, brackets, atom, visual studio code आदि) भी होता हैं। जो correction function, syntax errors highlights, और autocomplete function प्रदान करता हैं।
- HTML documents पेशेवर HTML संपादकों का उपयोग करके वेब पेज create और संशोधित किए जा सकते हैं। लेकिन सीखने के लिए साधारण editors (Notepad, TextEdit) का उपयोग करना चाहिए।
Learn HTML: Notepad या TextEdit का उपयोग करके HTML सीखें
HTML सीखने के लिए एक साधारण Text editor का उपयोग करना अच्छा तरीका है। HTML जल्दी कैसे सीखे? विडीओ देखें:
Notepad या TextEdit के साथ अपना पहला HTML पेज बनाने के लिए नीचे दिए गए चरणों (steps) का पालन करें।
Step 1: Notepad खोलें (PC उपयोगकर्ता)
विंडोज 8/8.1/10 उपयोगकर्ता:
Notepad खोलने के लिए “Start button” क्लिक करे और “Notepad” टाइप करें, और double क्लिक करके open करें।
विंडोज Xp/7 उपयोगकर्ता:
- सबसे पहले Start पर क्लिक करें।
- अब programs को चुने।
- Accessories पर क्लिक करके Notepad पर क्लिक करके open करें।
Step 1: TextEdit खोलें (Mac उपयोगकर्ता)
- Mac सिस्टम में, TextEdit खोलने के लिए सबसे पहले Finder पर क्लिक करें।
- अब Application को चुने।
- Application में से, TextEdit पर क्लिक करके New Document करके open करें।
Step 2: HTML code लिखें
अब आपके text editor में HTML code लिखें, नीचे दिए गए HTML code को copy और past करें या देख के टाइप करें:
<!DOCTYPE html> <html> <body> <h1>First Heading: Learn HTML in Hindi</h1> <p>paragraph: I hope you enjoy this HTML lesson.</p> </body> </html>
Step 3: HTML Page को Save करें
कोड को लिख लिए है, तो अब text file को save करें:
- File को save करने के लिए, File पर क्लिक करके Save पर क्लिक करें।
- फ़ाइल नाम “TiH.html” और HTML files के लिए UTF-8 encoding set करें।
नोट: File को “.html” या “.htm” extension के साथ save करना अनिवार्य है।
Step 4: HTML Page को वेब ब्राउज़र में View करें
HTML पेज को वेब ब्राउज़र (Google chrome, Mozilla, Internet explore आदि) में देखने के लिए saved HTML फ़ाइल को double क्लिक करके ओपन करें।
या फिर mouse के right क्लिक करके “Open with” से आपके पसंदीदा ब्राउज़र चुने।
Output इस तरह दिखेगा:
FREE HTML Course in Hindi
अगर आप Complete HTML सीखना चाहते हैं, तो यहां हमारा HTML कोर्स है, अभी सीखना शुरू करें:
Top 5 Best HTML Code Editor in 2023
- Visual Studio code: यह एक बहुत ही लोकप्रिय कोड editor है, इसमें debugging, syntax highlighting, intelligent code completion, snippets, और embedded Git आदि है.
- Sublime Text Editor: यह एक cross-platform source code editor है। आप Sublime Text को फ्री में डाउनलोड और उपयोग कर सकते है।
- Notepad++: Microsoft windows उपयोग करते है तो Notepad++ editor आपके लिए best है।
- Atom: यह एक फ्री और open-source text और source code editor है। इसको आप Windows, macOS, या Linux में install करके HTML कोड लिखे सकते है।
- Adobe Dreamweaver: यह एक आसान वेब development tool है। इसका उपयोग करके आप बिना कोड लिखे भी वेब पेज create कर सकते है। लेकिन इसके लिए आपको ये ख़रीदना पड़ेगा या फ्री नहीं है।
इस वीडियो ट्यूटोरियल में, Top 5 best code editor के pros और cons के साथ मैं समझाया हूं कि आपको 2023 में कौन सा संपादक चुनना चाहिए:
एचटीएमएल संपादक के गुण क्या है समझाइए
HTML कोड एडिटर एक टेक्स्ट एडिट टूल है जो डेवलपर्स को कोड के दस्तावेज़ को लिखने, संपादित करने और सहेजने की अनुमति देता है। इसमें ऐसी विशेषताएं हैं जो कोड के लेखन और संपादन में सहायता करती हैं। एचटीएमएल संपादक के गुण में शामिल हैं: Auto-completion (या कोड पूर्णता)।
निष्कर्ष:
इस HTML editors ट्यूटोरियल में, अपने सिखा की HTML editors क्या हैं (What is an HTML Editor in Hindi)? WYSIWYG editors क्या है? Text-based HTML editors क्या है?
Notepad या TextEdit का उपयोग करके HTML कैसे सीखें? Notepad और textedit कैसे open करें? HTML Page को Save करें और HTML Page को वेब ब्राउज़र में View करें? इन सभी को आपके सिखा और समझा।
इसी तरह HTML हिंदी में सीखने के लिए, ‘HTML tutorial‘ पर जाए, Telegram channel, facebook page, Group और Twitter से जुड़े।
