banner



Html Design Tool In Hindi

  • HTML

HTML editor in Hindi – Best HTML Code editors 2022

HTML documents पेशेवर HTML संपादकों का उपयोग करके वेब पेज create कर सकते हैं। लेकिन सीखने के लिए साधारण editors (Notepad, TextEdit) का उपयोग करना चाहिए। वेब development के लिए "Best FREE HTML Code editors Tools" की तलाश कर रहे हो? तो यह लेख "HTML editor in Hindi" आपके लिए है।

HTML editor in Hindi 2022: क्या आप HTML सीखने या HTML में वेब पेज बनाने के लिए "Best FREE HTML Code editors Tools" की तलाश कर रहे हैं? अगर आपका जवाब हाँ है, तो यह लेख "HTML editor in Hindi" आपके लिए है।

इस लेख में, HTML editors क्या है? इसके प्रकार. HTML editors का उपयोग करने के फायदे? और वेब विकास (Web Development) के लिए, कौन से HTML Code editors tools का उपयोग किया जाना चाहिए. यह विस्तार से बताया गया है।

HTML editors क्या हैं – (What is an HTML Editor in Hindi)?

HTML editor in hindi - Best HTML Code editors 2021

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 कैसे बने।

HTML Code editors के प्रकार (Types of Editors in Hindi)

कोड 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 HTML और CSS में convert हो जाता है।

2. Text-based HTML editors क्या है?

इस प्रकार के editor बहुत ही साधारण होता है। इसमें HTML document create या edit करने के लिए आपको HTML आना चाहिए। मतलब की आपको पता है HTML tags कैसे उपयोग करना है।

उदाहरण के लिए: 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 उपयोगकर्ता:

  1. सबसे पहले Start पर क्लिक करें।
  2. अब programs को चुने।
  3. Accessories पर क्लिक करके Notepad पर क्लिक करके open करें।

Step 1: TextEdit खोलें (Mac उपयोगकर्ता)

  1. Mac सिस्टम में, TextEdit खोलने के लिए सबसे पहले Finder पर क्लिक करें।
  2. अब Application को चुने।
  3. 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 इस तरह दिखेगा:

output of HTML code editor hindi

Top 5 Best HTML Code Editor in 2022

  1. Sublime Text Editor: यह एक cross-platform source code editor है। आप Sublime Text को फ्री में डाउनलोड और उपयोग कर सकते है।
  2. Visual Studio code: यह एक बहुत ही लोकप्रिय कोड editor है, इसमें debugging, syntax highlighting, intelligent code completion, snippets, और embedded Git आदि है.
  3. Notepad++: Microsoft windows उपयोग करते है तो Notepad++ editor आपके लिए best है।
  4. Atom: यह एक फ्री और open-source text और source code editor है। इसको आप Windows, macOS, या Linux में install करके HTML कोड लिखे सकते है।
  5. Adobe Dreamweaver: यह एक आसान वेब development tool है। इसका उपयोग करके आप बिना कोड लिखे भी वेब पेज create कर सकते है। लेकिन इसके लिए आपको ये ख़रीदना पड़ेगा या फ्री नहीं है।

इस वीडियो ट्यूटोरियल में, Top 5 best code editor के pros और cons के साथ मैं समझाया हूं कि आपको 2022 में कौन सा संपादक चुनना चाहिए:

निष्कर्ष

इस 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' पर जाए, Email SUBSCRIBE करें और facebook page और Group और Twitter से जुड़े।

Html Design Tool In Hindi

Source: https://www.tutorialinhindi.com/html/best-html-code-editors-hindi/

Posted by: trujillowito2001.blogspot.com

0 Response to "Html Design Tool In Hindi"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel