HTML Editors
पेशेवर HTML एडिटरों का उपयोग करके वेबपेज बनाए और संशोधित किए जा सकते हैं।
हालांकि, HTML सीखने के लिए हम Notepad (PC) या TextEdit (Mac) जैसे एक सरल टेक्स्ट एडिटर की अनुशंसा करते हैं।
हमारा विश्वास:
एक सरल टेक्स्ट एडिटर का उपयोग करना HTML सीखने का एक बेहतर तरीका है। यह मूल अवधारणाओं को अच्छी तरह समझने में मदद करता है।
नीचे दिए गए चरणों का पालन करके Notepad या TextEdit का उपयोग करके अपना पहला वेबपेज बनाएं।
चरण 1: Notepad खोलें (PC)
1 विंडोज 8 या बाद का:
Start Screen खोलें (आपकी स्क्रीन के निचले बाएं कोने में विंडो आइकन)। Notepad टाइप करें।
2 विंडोज 7 या पहले:
Start > Programs > Accessories > Notepad खोलें।
विंडोज
Notepad एडिटर
विंडोज के साथ मुफ्त में आता है
मैक
TextEdit एडिटर
macOS के साथ मुफ्त में आता है
चरण 1: TextEdit खोलें (Mac)
1 TextEdit खोलें:
Finder > Applications > TextEdit खोलें।
2 प्राथमिकताएं बदलें:
फाइलों को सही ढंग से सहेजने के लिए एप्लिकेशन की कुछ प्राथमिकताएं बदलें।
- Preferences > Format में "Plain Text" चुनें
- "Open and Save" में, "Display HTML files as HTML code instead of formatted text" जांचें
महत्वपूर्ण:
मैक उपयोगकर्ताओं को TextEdit में HTML फाइलें लिखने से पहले, प्राथमिकताओं को Plain Text मोड में बदलना चाहिए। अन्यथा फाइलें सही ढंग से सहेजी नहीं जाएंगी।
फिर कोड डालने के लिए एक नया दस्तावेज खोलें।
चरण 2: कुछ HTML लिखें
निम्नलिखित HTML कोड को Notepad में लिखें या कॉपी करें:
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>कोड घटक
<!DOCTYPE html>- HTML5 दस्तावेज<html>- मूल तत्व<body>- पृष्ठ बॉडी<h1>- शीर्षक<p>- पैराग्राफ
Notepad नोट्स
- कोड को सावधानी से टाइप करें
- सुनिश्चित करें कि सभी कोड घटक सही ढंग से बंद हैं
- रिक्त स्थान और लाइन ब्रेक कोड को सुंदर बनाने में मदद करते हैं
चरण 3: HTML पृष्ठ सहेजें
1 फाइल सहेजें:
फाइल को अपने कंप्यूटर में सहेजें। Notepad मेनू में File > Save as चुनें।
2 फाइल नाम और एन्कोडिंग:
फाइल को "index.htm" नाम दें और एन्कोडिंग को UTF-8 पर सेट करें (यह HTML फाइलों के लिए पसंदीदा एन्कोडिंग है)।
टिप:
फाइल एक्सटेंशन के रूप में .htm या .html का उपयोग किया जा सकता है। कोई अंतर नहीं है; यह आपकी पसंद पर निर्भर करता है।
ध्यान दें:
पहली फाइल को हमेशा index.html या index.htm नाम दें। इसे वेब सर्वर द्वारा डिफ़ॉल्ट फाइल के रूप में पहचाना जाता है।
चरण 4: ब्राउज़र में HTML पृष्ठ देखें
1फ़ाइल खोलें:
अपने पसंदीदा ब्राउज़र में सहेजी गई HTML फ़ाइल खोलें (फ़ाइल पर डबल-क्लिक करें, या राइट-क्लिक करें"Open with"चुनना )।
Google Chrome
फ़ाइल पर डबल क्लिक करें
Firefox
राइट-क्लिक करें> इसके साथ खोलें
Microsoft Edge
डिफ़ॉल्ट रूप से ब्राउज़र में खुलता है
परिणाम इस तरह दिखेगा:
ब्राउज़र में प्रदर्शित करें:
My First Heading
My first paragraph.
Jassif Team Online Editor - "Try it Yourself"
हमारे मुफ़्त ऑनलाइन संपादक के साथ, आप HTML कोड संपादित कर सकते हैं और अपने ब्राउज़र में परिणाम देख सकते हैं।
जब आप कोड का त्वरित परीक्षण करना चाहते हैं तो यह एक आदर्श उपकरण है। इसमें रंग कोडिंग और कोड को सहेजने और दूसरों के साथ साझा करने की क्षमता भी है:
उदाहरण:
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>ऑनलाइन संपादक के लाभ:
- कोड तुरंत प्रदर्शित करता है
- रंग कोडिंग (सिंटैक्स हाइलाइटिंग)
- टेस्ट जल्दी हो सकेंगे
- कोड साझा किया जा सकता है
- फ़ाइलें सहेजने की कोई आवश्यकता नहीं