📑 Table of Contents — किसी भी topic पर सीधे जाएँ
2.0
Editors क्या हैं? — Code लिखने का Workspace
Editor एक ऐसा software tool है जिसकी मदद से हम code या text files लिखते, edit करते व save करते हैं। Web designing में HTML, CSS, JavaScript files लिखने के लिए editors का प्रयोग होता है।
📖 Definition
“An editor is a program used to create and modify text or source code files.” — यानी Editor एक ऐसा program है जिससे text या source code की files बनाई व बदली जाती हैं।
सरल शब्दों में — Editor एक workspace है जहाँ हम अपने web page का code (जैसे HTML tags या CSS styles) लिखते हैं।
📘 Example: आप Windows में "Notepad" खोलकर HTML code लिख सकते हैं, या "Notepad++", "Sublime Text" जैसे editors में professional coding कर सकते हैं।
💡 Remember: Basic editors सिर्फ plain text editing के लिए होते हैं, जबकि code editors syntax highlighting, auto-completion व multi-file management जैसी सुविधाएँ देते हैं।
Exam Point: Editor = text/source code files को create व modify करने वाला program। Web design में HTML/CSS/JS files editors में ही लिखी जाती हैं।
2.1
Types of Editors — एडिटर्स के प्रकार
Editors को broadly दो categories में बाँटा जाता है — Text Editors व Code Editors।
- Text Editors: Basic text-based editors जैसे Windows Notepad या TextEdit, जिनमें plain text coding की जाती है।
- Code Editors: Advanced editors जैसे Notepad++, Sublime Text, VS Code — जो syntax highlighting, themes, plugins व multi-tab support देते हैं।
Editors का वर्गीकरण
⚙️ Tip: Web development में हमेशा "code editors" का प्रयोग करें ताकि आप syntax errors आसानी से पहचान सकें।
Exam Point: Editors के 2 मुख्य प्रकार — Text Editor (plain text, जैसे Notepad) व Code Editor (syntax highlighting + plugins, जैसे Notepad++, Sublime Text, VS Code)।
2.2
Text Editor vs Code Editor — फर्क समझें
दोनों से files लिखी जा सकती हैं, पर Code Editor coding को आसान, तेज़ व गलती-रहित बनाता है — यही सबसे बड़ा अंतर है।
| आधार | Text Editor | Code Editor |
|---|---|---|
| उदाहरण | Notepad, TextEdit | Notepad++, Sublime, VS Code |
| Syntax Highlighting | नहीं | हाँ (tags/keywords रंगीन) |
| Auto-completion | नहीं | हाँ |
| Line Numbers | सीमित | हाँ |
| Multiple Tabs | नहीं | हाँ |
| Plugins/Themes | नहीं | हाँ |
| उपयोग | छोटे notes, quick text | Professional web coding |
Exam Point: Text Editor में syntax highlighting व auto-completion नहीं होती; Code Editor में होती है — इसीलिए HTML/CSS/JS coding के लिए हमेशा Code Editor उपयुक्त है।
2.3
Popular Code Editors — सबसे लोकप्रिय एडिटर्स
Web design में सबसे ज़्यादा उपयोग होने वाले free code editors — Notepad++, Sublime Text व Visual Studio Code (VS Code)।
| Editor | खासियत | किसके लिए |
|---|---|---|
| Notepad++ | Lightweight, fast, free; syntax highlighting, find/replace, multi-tab | Beginners |
| Sublime Text | तेज़, stylish; multiple cursors, Goto Anything, Command Palette | Advanced users |
| VS Code | Free, powerful; extensions, Git integration, terminal, debugging | Professionals |
📘 Example: Notepad++ lightweight होता है व beginners के लिए perfect है। Sublime Text advanced users के लिए powerful features देता है जैसे "Goto Anything" (Ctrl+P) व "Multiple Selection" (Ctrl+D)।
Exam Point: Notepad++ = lightweight/beginner-friendly; Sublime Text = तेज़ + multiple cursors; VS Code = extensions व Git के साथ सबसे feature-rich। तीनों free हैं।
2.4
Download & Installation — फ्री एडिटर्स इंस्टॉल करना
दोनों editors बिल्कुल free हैं व official website से download होते हैं — कभी third-party/duplicate sites से download न करें (virus का खतरा)।
🟢 Notepad++ Installation
- Official website पर जाएँ — notepad-plus-plus.org।
- Latest version download करें (Windows installer)।
- Setup file run करें → Next → Install।
- Installation के बाद "Notepad++" launch करें।
🟣 Sublime Text Installation
- Website पर जाएँ — sublimetext.com।
- Windows/Linux/Mac के अनुसार installer चुनें।
- Install करने के बाद Sublime Text open करें।
💡 Note: Notepad++ केवल Windows के लिए है, जबकि Sublime Text व VS Code Windows, Linux व Mac तीनों पर चलते हैं (cross-platform)।
Exam Point: Notepad++ केवल Windows पर चलता है; Sublime Text व VS Code cross-platform (Windows/Linux/Mac) हैं। हमेशा official website से ही download करें।
2.5
Using Editors — पहला Web Page बनाना
Editors का मुख्य कार्य HTML/CSS/JS जैसी files को create, edit व save करना है। नीचे एक पहला HTML page का example है।
🌐 index.html — पहला web page
<!DOCTYPE html> <html> <head> <title>My First Page</title> </head> <body> <h1>Welcome to Web Design!</h1> </body> </html>
OUTPUT (browser में)Welcome to Web Design!
🪜 Steps
- Notepad++ या Sublime Text में ऊपर का code टाइप करें।
- File → Save As → File Name:
index.html - File Type: All Files चुनें व Encoding: UTF-8 रखें।
- Browser (Chrome/Edge) में open करें।
Remember: File extension का ध्यान रखें — HTML files हमेशा
.html में व CSS .css में save की जाती हैं। अगर .txt में save हुई तो browser उसे web page की तरह नहीं खोलेगा।Exam Point: HTML file save करते समय — File Type = "All Files", extension =
.html, Encoding = UTF-8। तभी browser उसे सही web page की तरह render करेगा।
2.6
File Creation, Editing & Saving — फाइल का पूरा जीवन-चक्र
🆕 File Creation
- New File बनाने के लिए → Ctrl + N।
- HTML template जल्दी insert करने के लिए snippets/plugins का प्रयोग करें।
✏️ Editing
- Syntax highlighting से errors पहचानें।
- Find/Replace feature से bulk editing करें।
- Multiple tabs से कई files एक साथ खोल सकते हैं।
💾 Saving
- Ctrl + S → current file save करें।
- Ctrl + Shift + S → Save As (नए नाम से save)।
- Encoding हमेशा UTF-8 रखें ताकि special characters सही दिखें।
⚙️ Example: मान लीजिए आपने
style.css में background-color बदला → Ctrl+S दबाएँ → Browser refresh करें → तुरंत updated design दिखेगा।Exam Point: New file = Ctrl+N; Save = Ctrl+S; Save As = Ctrl+Shift+S। Encoding UTF-8 रखें। Edit के बाद हमेशा save करके browser refresh करें, तभी बदलाव दिखेगा।
2.7
Notepad++ Shortcut Keys — गति बढ़ाने वाली कुंजियाँ
Shortcut keys याद करने से coding speed 2 गुना बढ़ जाती है — exam में भी shortcut-function match वाले सवाल आते हैं।
| Shortcut | Function (कार्य) |
|---|---|
| Ctrl + N | New file |
| Ctrl + O | Open existing file |
| Ctrl + S | Save file |
| Ctrl + F | Find text |
| Ctrl + H | Replace text |
| Ctrl + / | Comment / Uncomment line |
| Ctrl + Shift + ↑/↓ | Move line up / down |
| Ctrl + D | Duplicate current line |
| Ctrl + W | Close current tab |
Exam Point: Notepad++ में — New = Ctrl+N, Save = Ctrl+S, Find = Ctrl+F, Replace = Ctrl+H, Comment = Ctrl+/, Duplicate line = Ctrl+D। ये सबसे ज़्यादा पूछे जाते हैं।
2.8
Sublime Text Shortcut Keys — Power User की कुंजियाँ
| Shortcut | Function (कार्य) |
|---|---|
| Ctrl + N | New File |
| Ctrl + Shift + P | Command Palette (commands चलाना) |
| Ctrl + D | Select next same word (multi-cursor) |
| Ctrl + / | Comment line |
| Ctrl + Shift + D | Duplicate line |
| Ctrl + P | Goto Anything (file, symbol, line) |
| Ctrl + Shift + ↑/↓ | Move line up / down |
| Alt + Shift + 2 | Split view (2 columns) |
💡 Tip: Sublime की दो सबसे famous कुंजियाँ — Ctrl+P (Goto Anything) किसी भी file/line पर तुरंत जाना, व Ctrl+Shift+P (Command Palette) कोई भी command नाम से चलाना।
Exam Point: Sublime Text — Command Palette = Ctrl+Shift+P, Goto Anything = Ctrl+P, multi-cursor select = Ctrl+D, duplicate = Ctrl+Shift+D। (ध्यान दें: duplicate line Notepad++ में Ctrl+D, पर Sublime में Ctrl+Shift+D है।)
2.9
Tips & Best Practices — अच्छी coding आदतें
- Always auto-save या backup plugins enable रखें।
- Themes (Dark/Light) use करें ताकि आँखों पर ज़ोर कम पड़े।
- Code को properly indent (Tab/Spaces) करें — readability बढ़ती है।
- HTML/CSS/JS linting plugins install करें error detection के लिए।
- Editor में Project Folder open करके कई files एक साथ manage करें।
📘 Example: Sublime Text में project folder open करने के लिए → File → Open Folder → सभी HTML/CSS files एक साथ sidebar में दिखेंगी।
Exam Point: अच्छी practices — proper indentation, dark/light theme, auto-save, linting plugins, व project folder से file management। ये coding को readable व तेज़ बनाती हैं।
2.10
Summary — Quick Revision (Exam से पहले पढ़ें)
- Editor = text/source code files को create व modify करने वाला program।
- 2 प्रकार: Text Editor (plain, Notepad) व Code Editor (syntax highlighting, Notepad++/Sublime/VS Code)।
- Notepad++ — lightweight, केवल Windows, beginner-friendly।
- Sublime Text — तेज़, cross-platform, multiple cursors, Goto Anything।
- VS Code — extensions, Git, terminal के साथ सबसे feature-rich (cross-platform)।
- File save: extension
.html/.css, Type = All Files, Encoding = UTF-8। - Common shortcuts: New = Ctrl+N, Save = Ctrl+S, Save As = Ctrl+Shift+S, Find = Ctrl+F, Replace = Ctrl+H, Comment = Ctrl+/।
- Duplicate line: Notepad++ = Ctrl+D, Sublime = Ctrl+Shift+D।
- Best practices: indentation, themes, auto-save, linting, project folder।
2.11
Model Questions — 50 MCQs + 15 Theory Questions
❓ A. Multiple Choice Questions (50)
| # | प्रश्न व उत्तर |
|---|---|
| 1 | Editor का मुख्य काम क्या है? (a) internet चलाना(b) files create व modify करना(c) hosting करना(d) printing ✔ सही उत्तर: (b) files create व modify करना |
| 2 | Web design में code किसमें लिखा जाता है? (a) Browser(b) Editor(c) Server(d) Database ✔ सही उत्तर: (b) Editor |
| 3 | Editors के मुख्य कितने प्रकार हैं? (a) 2(b) 3(c) 4(d) 5 ✔ सही उत्तर: (a) 2Text व Code Editor। |
| 4 | इनमें से Text Editor है — (a) Notepad++(b) Sublime Text(c) Notepad(d) VS Code ✔ सही उत्तर: (c) Notepad |
| 5 | इनमें से Code Editor है — (a) Notepad(b) Sublime Text(c) WordPad(d) MS Word ✔ सही उत्तर: (b) Sublime Text |
| 6 | Text Editor में नहीं होती — (a) typing(b) syntax highlighting(c) saving(d) editing ✔ सही उत्तर: (b) syntax highlighting |
| 7 | Code में tags/keywords रंगीन दिखाने वाला feature — (a) Encoding(b) Syntax Highlighting(c) Compiling(d) Hosting ✔ सही उत्तर: (b) Syntax Highlighting |
| 8 | Notepad++ किस OS के लिए है? (a) केवल Windows(b) केवल Mac(c) केवल Linux(d) केवल Android ✔ सही उत्तर: (a) केवल Windows |
| 9 | इनमें से cross-platform editor है — (a) Notepad++(b) Notepad(c) Sublime Text(d) WordPad ✔ सही उत्तर: (c) Sublime Text |
| 10 | Sublime Text का famous feature — (a) Multiple cursors(b) Hosting(c) Printing(d) Emailing ✔ सही उत्तर: (a) Multiple cursors |
| 11 | VS Code किस चीज़ के लिए जाना जाता है? (a) Extensions व Git(b) सिर्फ text(c) hosting(d) gaming ✔ सही उत्तर: (a) Extensions व Git |
| 12 | Editor download करना चाहिए — (a) किसी भी site से(b) official website से(c) email से(d) pen drive से ✔ सही उत्तर: (b) official website से |
| 13 | Notepad++ की official website है — (a) notepad-plus-plus.org(b) notepad.com(c) microsoft.com(d) google.com ✔ सही उत्तर: (a) notepad-plus-plus.org |
| 14 | HTML file का सही extension है — (a) .txt(b) .html(c) .doc(d) .css ✔ सही उत्तर: (b) .html |
| 15 | CSS file का extension है — (a) .html(b) .js(c) .css(d) .php ✔ सही उत्तर: (c) .css |
| 16 | File save करते समय Encoding रखनी चाहिए — (a) ASCII(b) UTF-8(c) UTF-16(d) कोई नहीं ✔ सही उत्तर: (b) UTF-8 |
| 17 | HTML file save करते समय File Type चुनें — (a) Text Documents(b) All Files(c) Word Document(d) Image ✔ सही उत्तर: (b) All Files |
| 18 | New file बनाने की shortcut है — (a) Ctrl + N(b) Ctrl + S(c) Ctrl + O(d) Ctrl + F ✔ सही उत्तर: (a) Ctrl + N |
| 19 | File save करने की shortcut है — (a) Ctrl + N(b) Ctrl + S(c) Ctrl + P(d) Ctrl + W ✔ सही उत्तर: (b) Ctrl + S |
| 20 | Existing file खोलने की shortcut — (a) Ctrl + O(b) Ctrl + N(c) Ctrl + E(d) Ctrl + L ✔ सही उत्तर: (a) Ctrl + O |
| 21 | Save As की shortcut है — (a) Ctrl + S(b) Ctrl + Shift + S(c) Alt + S(d) Ctrl + A ✔ सही उत्तर: (b) Ctrl + Shift + S |
| 22 | Text ढूँढने (Find) की shortcut — (a) Ctrl + F(b) Ctrl + H(c) Ctrl + D(d) Ctrl + G ✔ सही उत्तर: (a) Ctrl + F |
| 23 | Text replace करने की shortcut — (a) Ctrl + F(b) Ctrl + H(c) Ctrl + R(d) Ctrl + P ✔ सही उत्तर: (b) Ctrl + H |
| 24 | Line comment/uncomment की shortcut — (a) Ctrl + /(b) Ctrl + .(c) Ctrl + ,(d) Ctrl + ; ✔ सही उत्तर: (a) Ctrl + / |
| 25 | Notepad++ में line duplicate करने की shortcut — (a) Ctrl + D(b) Ctrl + Shift + D(c) Ctrl + L(d) Ctrl + C ✔ सही उत्तर: (a) Ctrl + D |
| 26 | Sublime में line duplicate करने की shortcut — (a) Ctrl + D(b) Ctrl + Shift + D(c) Ctrl + N(d) Ctrl + P ✔ सही उत्तर: (b) Ctrl + Shift + D |
| 27 | Current tab बंद करने की shortcut (Notepad++) — (a) Ctrl + W(b) Ctrl + Q(c) Ctrl + X(d) Ctrl + Z ✔ सही उत्तर: (a) Ctrl + W |
| 28 | Sublime में Command Palette की shortcut — (a) Ctrl + P(b) Ctrl + Shift + P(c) Ctrl + Alt + P(d) Ctrl + M ✔ सही उत्तर: (b) Ctrl + Shift + P |
| 29 | Sublime का "Goto Anything" किस key से खुलता है? (a) Ctrl + G(b) Ctrl + P(c) Ctrl + A(d) Ctrl + T ✔ सही उत्तर: (b) Ctrl + P |
| 30 | Sublime में multi-cursor (next same word) की shortcut — (a) Ctrl + D(b) Ctrl + M(c) Ctrl + K(d) Ctrl + U ✔ सही उत्तर: (a) Ctrl + D |
| 31 | Line ऊपर/नीचे move करने की shortcut — (a) Ctrl + Shift + ↑/↓(b) Alt + ↑/↓(c) Shift + ↑/↓(d) Ctrl + ↑/↓ ✔ सही उत्तर: (a) Ctrl + Shift + ↑/↓ |
| 32 | Syntax highlighting का फायदा है — (a) errors पहचानना आसान(b) internet तेज़(c) hosting free(d) printing आसान ✔ सही उत्तर: (a) errors पहचानना आसान |
| 33 | कई files एक साथ खोलने की सुविधा — (a) Multiple Tabs(b) Encoding(c) Hosting(d) Compiling ✔ सही उत्तर: (a) Multiple Tabs |
| 34 | Bulk editing के लिए उपयोग होता है — (a) Find/Replace(b) Save As(c) Print(d) Zoom ✔ सही उत्तर: (a) Find/Replace |
| 35 | Code को पढ़ने लायक बनाने के लिए ज़रूरी है — (a) Indentation(b) Encoding(c) Hosting(d) Compression ✔ सही उत्तर: (a) Indentation |
| 36 | आँखों पर ज़ोर कम करने के लिए editor में उपयोग करें — (a) Dark theme(b) बड़ा font हमेशा(c) कम light(d) zoom out ✔ सही उत्तर: (a) Dark theme |
| 37 | Error detection के लिए editor में install करते हैं — (a) Linting plugins(b) Games(c) Wallpapers(d) Antivirus ✔ सही उत्तर: (a) Linting plugins |
| 38 | कई files manage करने के लिए editor में खोलें — (a) Project Folder(b) एक ही file(c) Browser(d) Email ✔ सही उत्तर: (a) Project Folder |
| 39 | CSS बदलने के बाद change देखने के लिए — (a) Save + Browser refresh(b) PC restart(c) reinstall(d) कुछ नहीं ✔ सही उत्तर: (a) Save + Browser refresh |
| 40 | अगर HTML को .txt में save करें तो — (a) browser web page नहीं दिखाएगा(b) सब सही चलेगा(c) तेज़ चलेगा(d) design सुधरेगा ✔ सही उत्तर: (a) browser web page नहीं दिखाएगा |
| 41 | इनमें से editor NAHI है — (a) Notepad++(b) Sublime Text(c) Google Chrome(d) VS Code ✔ सही उत्तर: (c) Google Chromeयह browser है। |
| 42 | Notepad++ है — (a) Paid(b) Free व Open Source(c) केवल trial(d) subscription ✔ सही उत्तर: (b) Free व Open Source |
| 43 | Auto-completion सुविधा मिलती है — (a) Code Editor में(b) Notepad में(c) Browser में(d) Paint में ✔ सही उत्तर: (a) Code Editor में |
| 44 | Sublime में split view (2 columns) की shortcut — (a) Alt + Shift + 2(b) Ctrl + 2(c) Ctrl + Shift + 2(d) Alt + 2 ✔ सही उत्तर: (a) Alt + Shift + 2 |
| 45 | Editor में line numbers का फायदा — (a) error की location पता चलना(b) internet तेज़(c) file छोटी होना(d) रंग बदलना ✔ सही उत्तर: (a) error की location पता चलना |
| 46 | Sublime Text मुख्यतः किसके लिए बेहतर है? (a) Advanced/power users(b) केवल typing(c) hosting(d) gaming ✔ सही उत्तर: (a) Advanced/power users |
| 47 | Notepad++ किसके लिए सबसे उपयुक्त है? (a) Beginners(b) Gamers(c) Designers only(d) कोई नहीं ✔ सही उत्तर: (a) Beginners |
| 48 | File का backup रखने के लिए enable करें — (a) Auto-save(b) Zoom(c) Dark mode(d) Full screen ✔ सही उत्तर: (a) Auto-save |
| 49 | "WYSIWYG" editor का मतलब है — (a) जैसा दिखे वैसा बने(b) सिर्फ code(c) सिर्फ text(d) कोई preview नहीं ✔ सही उत्तर: (a) जैसा दिखे वैसा बनेWhat You See Is What You Get। |
| 50 | Editor में code को manage करने की सबसे अच्छी आदत — (a) proper indentation(b) एक ही line में सब(c) बिना save(d) random spacing ✔ सही उत्तर: (a) proper indentation |
📝 B. 15 Theory Questions (Short Answers)
- Editor क्या होता है?Editor एक software tool है जिससे text या source code की files बनाई, edit की व save की जाती हैं। Web design में HTML, CSS व JavaScript files editors में ही लिखी जाती हैं।
- Editors के कितने प्रकार होते हैं?मुख्यतः दो — Text Editor (plain text, जैसे Notepad) व Code Editor (syntax highlighting व plugins के साथ, जैसे Notepad++, Sublime Text, VS Code)।
- Text Editor और Code Editor में अंतर लिखिए।Text Editor में syntax highlighting, auto-completion व multi-tab नहीं होते (केवल plain text)। Code Editor में ये सब सुविधाएँ होती हैं जिससे coding आसान, तेज़ व गलती-रहित होती है।
- Notepad++ की विशेषताएँ लिखिए।Lightweight, fast, free व open source; syntax highlighting, auto-completion, find/replace, multi-tab; केवल Windows पर चलता है व beginners के लिए उपयुक्त है।
- Sublime Text की विशेषताएँ लिखिए।तेज़, cross-platform; multiple cursors (Ctrl+D), Goto Anything (Ctrl+P), Command Palette (Ctrl+Shift+P), powerful search व distraction-free mode।
- VS Code किसके लिए जाना जाता है?VS Code एक free, feature-rich editor है जो extensions, Git integration, integrated terminal व debugging support देता है; यह cross-platform है व professionals में सबसे लोकप्रिय है।
- HTML file save करते समय किन बातों का ध्यान रखें?Extension
.htmlरखें, File Type में "All Files" चुनें व Encoding "UTF-8" रखें ताकि special characters सही दिखें व browser उसे web page की तरह render करे। - Encoding UTF-8 क्यों ज़रूरी है?UTF-8 encoding से special characters (जैसे ©, हिंदी अक्षर, symbols) सही तरह store व display होते हैं। अन्य encoding में ये characters टूटे/गलत दिख सकते हैं।
- File creation, editing व saving की shortcut keys लिखिए।New file = Ctrl+N, Open = Ctrl+O, Save = Ctrl+S, Save As = Ctrl+Shift+S, Find = Ctrl+F, Replace = Ctrl+H।
- Notepad++ की कोई 5 shortcut keys लिखिए।Ctrl+N (new), Ctrl+S (save), Ctrl+F (find), Ctrl+H (replace), Ctrl+/ (comment), Ctrl+D (duplicate line)।
- Sublime Text की कोई 4 shortcut keys लिखिए।Ctrl+Shift+P (Command Palette), Ctrl+P (Goto Anything), Ctrl+D (multi-cursor select), Ctrl+Shift+D (duplicate line)।
- Notepad++ और Sublime में duplicate line shortcut का अंतर बताइए।Notepad++ में line duplicate करने के लिए Ctrl+D, जबकि Sublime Text में Ctrl+Shift+D उपयोग होता है (Sublime में Ctrl+D multi-cursor select के लिए है)।
- Syntax highlighting क्या है व इसका फायदा?Syntax highlighting में code के tags, keywords व values अलग-अलग रंगों में दिखते हैं, जिससे errors जल्दी पहचानी जाती हैं व code पढ़ना आसान होता है।
- Editors उपयोग करते समय कोई 4 best practices लिखिए।Code को proper indent करें, dark/light theme use करें, auto-save/backup enable रखें, व linting plugins install करके project folder से files manage करें।
- Editor हमेशा official website से ही क्यों download करना चाहिए?Official website से download करने पर safe, latest व virus-free version मिलता है। Third-party/duplicate sites से download में malware या tampered software आने का खतरा रहता है।
Revision Tip: Text vs Code Editor का फर्क, Notepad++ (Windows/beginner), Sublime (cross-platform/power user), file save = .html + All Files + UTF-8, व shortcut keys (Ctrl+N/S/F/H/D) — ये इस chapter के आधे MCQs cover कर देते हैं। Notepad++ Ctrl+D vs Sublime Ctrl+Shift+D ज़रूर याद रखें!
FAQ
अक्सर पूछे जाने वाले प्रश्न
Editor क्या होता है?
Editor एक software tool है जिसका उपयोग text, code या files को लिखने, edit करने और save करने के लिए किया जाता है। Web designing में HTML, CSS व JavaScript files लिखने के लिए editors का उपयोग होता है।
Text Editor और Code Editor में क्या अंतर है?
Text Editor (जैसे Notepad) सिर्फ plain text लिखने के लिए होता है — कोई syntax highlighting नहीं। Code Editor (जैसे Notepad++, Sublime Text, VS Code) syntax highlighting, auto-completion, multi-tab व plugins जैसी सुविधाएँ देता है जिससे coding आसान व तेज़ होती है।
Notepad++ क्यों उपयोग किया जाता है?
Notepad++ एक lightweight, fast व free code editor है जिसमें syntax highlighting, auto-completion, multi-language support, find/replace व multi-tab जैसी सुविधाएँ मिलती हैं। यह beginners के लिए एकदम उपयुक्त है।
Sublime Text की खासियत क्या है?
Sublime Text तेज़, stylish व plugin-supported editor है जिसमें multiple cursors, powerful search, Goto Anything (Ctrl+P), Command Palette (Ctrl+Shift+P) व distraction-free mode मिलता है।
HTML file save करते समय किन बातों का ध्यान रखें?
File का extension .html रखें (CSS के लिए .css), File Type में "All Files" चुनें और Encoding हमेशा UTF-8 रखें ताकि special characters सही दिखें। Save के लिए Ctrl+S और नए नाम से save के लिए Ctrl+Shift+S।