-->

HTML Setup/Editors

Write HTML Using Notepad or TextEdit

For learning HTML we recommend a simple text editor like Notepad (PC) or TextEdit (Mac). However, web pages can be created and modified by using professional HTML editors such as Adobe Dreamweaver,eclipse etc.  We believe using a simple text editor is a good way to learn HTML.

Follow the four steps below to create your first web page with Notepad or TextEdit.

Step 1: Open Notepad (PC)

            Windows 8 or later:

                        Open the Start Screen (the window symbol at the bottom left on your screen). Type Notepad.

            Windows 7 or earlier:

                        Open Start > Programs > Accessories > Notepad

 

Step 1: Open TextEdit (Mac)

            Open Finder > Applications > TextEdit

            Also change some preferences to get the application to save files correctly. In Preferences > Format > choose "Plain Text"

            Then under "Open and Save", check the box that says "Ignore rich text commands in HTML files".

            Then open a new document and write the code.

 

Step 2: Write Some HTML

            Write or copy HTML into Notepad.

            <!DOCTYPE html>

            <html>

                        <head>

                        </head>

                        <body>

                                    <h1> My test Heading. </h1>

                                    <p> My test paragraph. </p>

                        </body>

            </html>

Step 3: Save the HTML Page

            Save the file on your computer. Select File > Save as in the Notepad menu.

            Name the file "index.html" and set the encoding to UTF-8 (which is the preferred encoding for HTML files).

            You can use either .htm or .html as file extension.

Step 4: View the HTML Page in Your Browser

            Open the saved HTML file in your favorite browser (double click on the file, or right-click - and choose "Open with").

            The result will look much like this:


 

HTML सेटअप / एडिटर्स (संपादकों)

Notepad या TextEdit का उपयोग करके HTML लिखें

HTML सीखने के लिए, हम एक साधारण पाठ संपादक की सलाह देते हैं  जैसे  नोटपैड (पीसी) या टेक्स्टएडिट (मैक)। हालांकि, पेशेवर एचटीएमएल एडिटर का उपयोग करके  वेब पेज को बनाया जा सकता है जैसे एडोब ड्रीमइवेर, एक्लिप्स आदि। HTML सिखने के लिए साधारण टेक्स्ट एडिटर का उपयोग करना ही उचित रहेगा।

नोटपैड या टेक्स्टएडिट के साथ अपना पहला वेब पेज बनाने के लिए नीचे दिए गए चार चरणों का पालन करें:

चरण 1: ओपन नोटपैड (पीसी)

            विंडोज 8 या बाद के संस्करण :

                        प्रारंभ स्क्रीन खोलें (आपकी स्क्रीन पर निचले तल पर विंडो का प्रतीक)। नोटपैड टाइप करें

            विंडोज 7 या इससे पहले:

                        ओपन स्टार्ट> प्रोग्राम्स> एक्सेसरीज> नोटपैड

चरण 1: ओपन टेक्स्टएडिट (मैक)

            ओपन फाइंडर> एप्लीकेशन> टेक्स्टएडिट

            फ़ाइलों को सही ढंग से सहेजने के लिए कुछ प्राथमिकताएं भी बदलें Preferences > Format > " Plain Text"  चुनें  फिर "Open and Save" के अंतर्गत, " Ignore rich text commands in HTML files" फिर कोड करने  के लिए एक नया दस्तावेज़ खोलें।

चरण 2: कुछ HTML लिखें

            नोटपैड में HTML लिखें या कॉपी करें

            <!DOCTYPE html>

            <html>

                        <head>

                        </head>

                        <body>

                                    <h1> मेरा परीक्षण शीर्षक। </h1>

                                    <p> मेरा परीक्षण अनुछेद। </p>

                        </body>

            </html>

 

चरण 3: HTML पृष्ठ को सहेजें

            फ़ाइल को अपने कंप्यूटर पर सहेजें। नोटपैड मेनू में File > Save as  चुनें।

            फ़ाइल "index.html" नाम दें और यूटिफ़ -8 (जो कि HTML फ़ाइलों के लिए पसंदीदा एन्कोडिंग है) के लिए एन्कोडिंग सेट करें।

            आप फ़ाइल एक्सटेंशन के रूप में या तो .htm या .html का उपयोग कर सकते हैं।

 

चरण 4: अपने ब्राउज़र में HTML पृष्ठ देखें

            अपने पसंदीदा ब्राउज़र में सहेजी हुई HTML फ़ाइल को खोलें (फ़ाइल पर डबल क्लिक करें, या राइट-क्लिक करें - और "Open with" चुनें)।

            इसका परिणाम कुछ इस तरह आएगा :

 

Comments


ravi ( Date :12 Feb,2018) :
Good Tutorial kyuki ye hindi or english dono me h