Html Code Editor – एच टी एम एल कोड संपादक

_Romeyo Boy_
26 अग॰ 2021
3 मिनट पठन

इस पोस्ट में आप यह जानेंगे कि Html Code Editor – एच टी एम एल कोड संपादक क्या हैं? और इसका उपयोग क्या होता है?, नोटपैड में Html कोड कैसे लिखा जाता हैं?, Html फाइल को कैसे सेव और ओपन किया जाता हैं। इस पोस्ट में आप Html Code लिखना और टेक्स्ट संपादक और कोड संपादक के बारे में जानेंगे।

Code Editors

Table Of Content

➤ Html Code Editor ( एच टी एम एल कोड संपादक )

➤ Notepad Or Text Editor ( नोटपैड या टेक्स्ट संपादक )

➤ Step.01 Open Notepad ( नोटपैड खोले )

➤ Step.02 Type This Code ( इस कोड को टाइप करें )

➤ Step.03 Save This File ( इस कोड फाइल को सेव करें )

➤ Step.04 Open Your Html File (अपने एच टी एम एल कोड फाइल को खोले )

Html Code Editor In HIndi – एच टी एम एल कोड संपादक क्या हैं?

Html सिखने के लिए हमें एक साधारण Text Editor या Code Editor की आवश्यकता होती हैं, जिसमे हम अपने कोड को अच्छे से Code लिख पाए और उसका Output भी हमें मिल जाये।

Get Started with Visual Studio Code | Sketchy Knowledge

Html Code Editor

Notepad Or Text Editor

नोटपैड का यूज़ करके आप Html को सिख सकते हैं। Professional Html Editor का उपयोग करके हम Web-Page को Design, Create और संशोधित कर सकते हैं।

Notepad

हालाँकि आप Html सिखने के लिए और भी बहुत सारे Text Editor या Code Editor का उपयोग कर सकते हैं, जिसमें आपको नई सुविधा, नए फीचर्स के साथ अपडेटेड Text या Code Editor सॉफ्टवेयर मिल जायेगें। जिसमे से कुछ के नाम हैं, Visual Studio Code, Notpad++, CoffeeCup Editor , Sublime Text 3, Codespaces, Atom, Vim, Espresso, Komodo Edit, Apache NetBeans आदि हैं।

7 text editors to try out. There's no shortage of development… | by Samuel Andras | hello JS

Text Or Code Editor’s

परन्तु अगर आप एक साधारण Text Editor का उपयोग करना, फ़िलहाल के लिए अभी Html सिखने का एक अच्छा तरीका हैं। Notepad या Text Ediotr के साथ आप अपना पहला Web-Page और Html को शीघ्र सिखने के लिए निचे बताएं गए Steps को Follow करें ;

एक बात और अगर आपके पास Mac OS हैं तो आप Notepad के बजाय Text Edit का उपयोग करें।

➤ Step 01. Open Notepad :

अपने सिस्टम में नोटपैड ओपन करने के लिए आप इन तरीकों का उपयोग कर सकते हैं;

सबसे पहले Win+S शॉर्टकट कीज़ दबाते ही Search Bar खुल जायेगा, जिसमे आप Notepad Type करें और Enter दबाकर ओपन कर ले। ( Win+S–>Search Bar–>Type “Notepad”–>Enter )
दूसरे तरीके में आप सबसे पहले Window Start Menu में जाये, उसके बाद Programs/All Programs में जाने के बाद आप Windows Accessories में Notepad पर क्लिक करके ओपन कर लें। ( Start Menu–>All Programs–>Windows Accessories–>Notepad )
तीसरे तरीके में आप Win+R शॉर्टकट कीज़ दबाते ही Run Command खुल जायेगा, जिसमे आप Notepad टाइप करें और Ok या Enter पर क्लिक करते ही Notepad ओपन हो जायेगा। ( Win+R–>Search Bar–>Type “notepad”–>Enter )

Notepad

➤ Step 02. Type This Code :

निचे दिए गए Html Code को सही-सही तरीके से टाइप करें या आप इसे Copy करके Paste कर सकते हैं। मैं कहूंगा कि आप Html Code को स्वयं ही टाइप करें, जिससे आपकी प्रैक्टिस भी हो जायेगा।

<!DOCTYPE html>
<html>
     <head>
          <title> Sketchy Knowledges </title>
     </head>
<body>
     <h1> This Is MY First Heading </h1>
     <p> This Is My First Paragraph </p>
</body>
</html>

Notepad Html Code

➤ Step 03. Save This File :

इतना सब कुछ Same To Same टाइप करने के बाद आप अपने इस Document File को सेव के मेन्यू पर क्लिक करें और File को index.html का नाम दें और Encoding को UTF-8 ( जो एच टी एम एल फाइल्स के लिए पसंदीदा एन्कोडिंग हैं। ) पर सेट करके सेव कर लीजिये।

Save Html Files

📝Note:- आप जब भी कोई Html Files बनाते हैं तो उसका Extension .htm या .html का उपयोग करें , इसमें कोई अंतर नहीं होता हैं। यह आप पर निर्भर करता हैं, लेकिन ज्यादातर लोग .html का ही उपयोग करते हैं, तो मैं भी आपको यही सुझाव हूँ।

➤ Step 04. Open Your Html File :

आपने अपने Html Files को जिस भी Locations पर सेव किये हैं, उसे Mouse से Right क्लिक कर या डबल क्लिक कर ओपन कर ले।

Html Code Files

➤ View the HTML Page in Your Browser :

आपके पास जो भी Browser हो आप उसे Select करें और यह उसके साथ ओपन हो जायेगा और आपका लिखा हुआ Html Files का Code का Output यहाँ पर आपके Browser पर दिख जायेगा।