HTML Editor in Hindi: आप HTML Editor का use करके web page create कर सकते हो। आज हमं HTML Editor kya hai, के बारे में विस्तार से जानें वाले हैं।
साथ ही हमं जाननें वाले हैं की, Best Free HTML Editors कौन से हैं और हमं जानेंगे की HTML Editor के क्या फायदे होते हैं? Web development के लिए कौन से editors use किये जा सकते हैं।
यदि आप इन सब की तलाश कर रहे हो तो आपको कहीं और जानें की आवश्यकता नहीं है। इन सब के बारे में हमं विस्तार से जानें वाले हैं।
वैसे तो market में बहुत से code editor देखनें को मिल जाएगें, लेकिन आज हमं best free HTML Editors के बारे में बात करनें वाले हैं।
क्यूंकि बहुत से ऐसे editors हैं, जो की काम के नहीं हैं। ऐसे में आपको फ़िक्र करनें की आवश्यकता नहीं है। यह सब dought खत्म हो जाएगें, जब आप इस post को पूरा पढोगे तो।
HTML Editor kya hai? What is HTML Editor in Hindi
HTML Editor web page और web development के लिए बहुत ही important tool है। यह एक तरह से software tool होता है।
इसका use करके web page को create करना बहुत आसान हो जाता है। ऐसा इसलिए क्यूंकि web page को बनानें के लिए text editor में code को लिखा जाता है।
एक web page को बनानें के लिए HTML elements या tags का use किया जाता है। HTML elements में header, body, paragraph, table आदि आते हैं।
अगर आपनें HTML को सीखना शरू किया है या आप नये हैं तो Notepad++ का use कर सकते हो। वहीं अगर आप Mac book का use कर रहे हो तो Text Edit का use कर सकते हो।
ऐसा इसलिए ताकि आप HTML का code खुद लिखें, तभी आपको syntax या tags याद रहेंगे। जब आप HTML को सिख जाओगे तब आप किसी दूसरे HTML editor in Hindi का use कर सकते हो।
क्यूंकि दूसरे editor को use करनें पर syntax या tags को लिखनें की आवश्यकता नहीं होती है। यह सब automatic ही लिख दिया जाता है।
जिसकी वजह से आपको syntax या tags को याद नहीं करना पड़ता है। साथ ही इसकी वजह से दिमाग पर जोर कम पड़ता है।
HTML editor in Hindi को download करनें से आपका काम आसान हो जाता है।
HTML Editor के प्रकार (Types of HTML Editor in Hindi)
इसके मुख्य रूप से दो प्रकार में बांटा गया है। इन सब के बारे में हमनें नीचे बात की हुई है।
- WYSIWYG editors
- Text-based HTML Editors
WYSIWYG editor क्या है? What is WYSIWYG HTML editor in Hindi?
WYSIWYG एक तरह का editing software tool है, जिसके जरिये users content को देख और edit कर सकते हो। जो की interface, web page, slide presentation और printed documents को दिखाता है।
WYSIWYG ka full form “What You See What You Get” है। इसका हिंदी अनुबाद “आप जो देखते हैं वही आपको मिलता है”।
इस editor के जरिये user कोइ भी command दिए बिना ही content या layout को change कर सकते हो।
उदाहरण के लिए जब कभी भी user document को word processor के जरिये लिखता है तो, WYSIWYG का use किया जाता है। क्यूंकि user जो भी बनाता है, edit करते हैं, वह सब printed document या PDF file में दोहराया जाता है।
WYSIWYG का उपयोग modern applications जैसे की Content Management Systems (CMS), Customer Relationship Management System (CRM), email system, web applications और blogging में भी किया जाता है।
अगर आपनें कभी WordPress, Joomla आदि का use किया हो तब आप WYSIWYG editor को आसानी से समझ सकते हो। जब इन platforms में content लिखते हो तो plane text में ही लिखा जाता है।
ऐसे में आपको HTML और CSS को लिखनें की कोइ आवश्यकता नहीं होती है। इन platforms में images, text, videos आदि direct HTML और CSS में convert हो जाते हैं।
Text-Based HTML editors क्या है?
Text-based HTML editors बहुत ही simple software tool होता है। इस तरह के tool में बहुत ही simple features होते हैं। जैसे की auto correction, syntax highlight features होते हैं।
यह बहुत ही light weight software tool होता है। साथ ही इसका interface बहुत ही simple होता है। इस tool को use करना भी बहुत ही आसान होता है।
Text-based HTML editors में HTML document को create या edit किया जा सकता है। बस आपको HTML, CSS, और JavaScript आनी चाहिए।
HTML Editor के फायदे (Advantages of HTML Editor in Hindi)
HTML editor का सबसे बड़ा फायदा यह है की इसके जरिये आप syntax को आसानी से check कर सकते हो की सही है या नहीं।
साथ ही इसके जरिये HTML tags और elements का भी auto suggestion देखनें को मिल जाता है।
इसका अलावा और भी बहुत से फायदे होते हैं जिनके बारे में हमनें नीचे discuss किया है।
- HTML editor में code को लिखना बहुत आसान होता है।
- Code एक organized तरीके से लिखा जाता है। इसकी वजह से code को लिखनें के बाद समझना आसान हो जाता है।
- इसके जरिये code को बहुत ही तेजी से लिखा जा सकता है। जिसकी वजह से समय की बचत हो जाती है।
- HTML tags को automatically detect कर लेता है। इससे code में error होनें की सम्भावना कम हो जाती है।
- बड़े HTML documents files को आसानी से संभाला जा सकता है।
- WYSIWYG HTML editor in Hindi का use करनें पर HTML, CSS का use नहीं करना पड़ता है।
- HTML editor के जरिये code को सीखना आसान हो जाता है।
- एक ही editor के जरिये आप HTML, CSS, JavaScript जैसी और भी languages को लिख सकते हो।
- अगर आपको एक ही समय में बहुत से web page बनानें हैं, तब भी आप HTML editor का use करके आसानी से create कर सकते हो।
- HTML editor in Hindi का use करके files को manage करना आसान होता है।
उदाहरण के लिए: Notepad, TextEdit, Brackets, Sublime Text 3, Atom आदि हैं।
इसके अलावा भी बहुत से HTML editors in Hindi होते हैं। जिनके बारे में हमं आगे चल कर बात करनें वाले हैं।
इन सब editors में अलग-अलग तरह के विशेष features मोजूद होते हैं। जिसके जरिये code लिखना आसान हो जाता है।
4 Best HTML Editors के नाम
1. NotePad++
NotePad++ एक simple text editor है। यह free और open source code editor है। इसका इस्तेमाल Microsoft Windows में किया जाता है।
यह multiple files को एक साथ open कर सकता है, साथ ही support भी करता है। यह software बहुत ही light weight है, जिसकी वजह से CPU कम power consume होती है।
Notepad++ में दिए गये tools के जरिये आप आसानी से web designing और web development जैसे काम कर सकते हो।
NotePad++ HTML editor in Hindi का पहली बार use कैसे करें?
Notepad++ को open करनें के लिए नीचे दिए गये steps को follow करना होगा।
- सबसे पहले तो आपको start button पर mouse से click करना होगा। Start button को Windows button भी कहा जाता है। यह आपको PC के left side में देखनें को मिल जाएगा।
- अब आप search bar में जाकर NotePad++ type करके उस पर click कर देना है।
- Click करते ही आपके सामनें NotePad++ open हो जाएगा। अब आपको top में कुछ options show हो रहे होगें, जैसे की File, Edit, Search, View जैसे option दिख जाएगें।
- आपको simple File पर mouse से click करना है। अब आपके सामनें कुछ नये options देखनें को मिल जाएगें। इन में से आपको अब “New” option पर click कर देना है।
- अब जब आप कुछ code लिख लोगे तब आपको file save कर लेनी है। आप file को .html extension से save कर सकते हो।
- उदाहरण के लिए: nameofthefile.html
कुछ इस प्रकार से आप NotePad++ का use कर सकते हो। अगर आपको HTML में कैसे code लिखते हैं, जानना है तो आप नीचे दी गई posts को read कर सकते हो।
2. Brackets
Brackets एक open source software है। जिसका मुख्य काम web development में होता है। इस software को adobe द्वारा बनाया गया है।
यह software एक free software है, फ़िलहाल इसे GitHub द्वारा maintain किया जा रहा है। इसे HTML, CSS और JavaScript द्वारा बनाया गया है।
यह एक cross platform है, इसका मतलब यह हुआ की Bracket HTML editor in Hindi का use Windows, macOS, Linux में भी किया जा सकता है।
इसकी main functionality JavaScript, HTML, CSS के द्वारा web pages को edit करना होता है। 4 November 2014 को Brackets को Adobe द्वारा launch किया गया था।
Brackets के कुछ मुख्य features
- आप इसके जरिये आसानी से बहुत ही जल्दी edit कर सकते हो।
- इस tool के जरिये आप live preview भी देख सकते हो। इसका मतलब यह हुआ की यदि आप HTML, CSS का code लिख रहे हो तो, साथ ही साथ आपके सामनें save करते ही उसकी output भी show हो जाए। यह output web browser में show होगी।
- Brackets बहुत से file formats को support करता है। जैसे की C, C++, VBScript, JavaScript, Java, Python, HTML, Ruby आदि को support करता है।
- यह Less को भी support करता है। यह भी एक dynamic style sheets language है। यह client side और server site दोनों में से ही run हो सकता है।
3. Sublime Text 3
Sublime Text को C++ और Python की help से Google के engineer द्वारा develop किया गया था। इसकी basic build Python द्वारा support की जाती है।
यह बहुत ही fast साथ ही अपनें अनुसार ही editor को customize किया जा सकता है। आप packets को install कर सकते हो, जैसे की debugging, auto-completion आदि होते हैं।
Sublime Text 3 के कुछ मुख्य features
- आप files को कहीं भी कभी भी files को open कर सकते हो। कुछ ही clicks के जरिये words or symbols को navigate कर सकते हो।
- Sublime Text 3 में syntax को highlight किया जाता है। जिसकी वजह से syntax error होनें की सम्भावना कम हो जाती है।
- Users से input प्राप्त करनें के लिए command palette द्वारा ही implement किया जाता है।
- इस tool की performance बहुत ही बढिया होती है। इसमें simultaneous editing हो सकती है।
Sublime Text 3 को download करनें के लिए आप इनकी official website sublimetext.com में जा सकते हो। यहां से आप windows, linux और mac आदि के लिए download कर सकते हो।
4. Atom
Atom एक text editor tool है। यह open source text editor है। इसका use सभी platforms जैसे की Windows, Linux, और Mac आदि में कर सकते हो।
इसमें भी आप बहुत से extending packets को free में install कर सकते हो और बहुत से features को add कर सकते हो।
इसे GitHub द्वारा create किया गया था। साथ ही इसे 25 June 2015 को launch किया गया था।
Atom के कुछ मुख्य features
इसके बहुत से features हैं, जिनके जरिये बहुत से काम आसान हो जाते हैं। इन सब के बारे में हमनें नीचे बात की है।
- Atom text editor एक customizable text editor है, जिसके जरिये HTML, CSS, JavaScript के जरिये भी customize किया जाता है।
- यह एक desktop application है। जिसके जरिये web applications को create किया जाता है।
- इसे खास तोर पर बनाया ही web applications के लिए ही बनाया गया था। यह electron framework पर based है। इसी कारण से इसे Atom Shell text editor भी कहा जाता है।
- Electron एक ऐसा framework है, जिसके जरिये cross-platform desktop applications को create किया जाता है। इसके लिए Node.js और Chromium जैसे cross-platform का use किया जाता है।
- इस text editor के जरिये आप अपनें मन मुताबिक themes को select कर सकते हो। इसमें आपको बहुत से pre-install themes देखनें को मिल जाएगीं।
Atom text editor को download करनें के लिए आप इनकी official website Atom.en पर जाकर कर सकते हो। वहाँ से आप बड़ी ही आसानी से text editor को download कर सकते है।
Conclusion
इस post में आपने जाना की HTML editor kya hai, HTML editor in Hindi, 4 best HTML editors के नाम के बारे में जाना।
अब आपको हटमल एचटीएमएल एडिटर क्या होता है, के बारे में पूरी जानकारी हो चुकी है। आपको यह post कैसे लगी हमें comment करके जरुर बताएं। आप इस post को like और share भी कर सकते हो।
इस post को पढने की लिए आपका बहुत-बहुत धन्यबाद। आपका समय शुभ रहे। जय हिन्द जय भारत!!