विषय

• कदम
• सामुदायिक प्रश्न और उत्तर
• टिप्स
• चेतावनी

अन्य खंड

यदि आप वेबसाइटों को हाथ से कोड करना पसंद करते हैं, तो आप नोटपैड (विंडोज) या टेक्स्टएडिट (मैकओएस) जैसे मूल पाठ संपादक में HTML फ़ाइलों को संपादित कर सकते हैं। यदि आप स्क्रीन पर तत्वों को इधर-उधर करने में सक्षम होंगे और लाइव पूर्वावलोकन देख सकते हैं, तो आप ड्रीमविवर या कोमपोज़र जैसे WYSIWYG (व्हाट यू सीज़ यू व्हाट यू गेट) संपादक का उपयोग कर सकते हैं। यह wikiHow आपको एक मानक या विज़ुअल एडिटिंग ऐप में HTML फ़ाइल खोलने और संपादित करने का तरीका सिखाता है।

कदम

4 की विधि 1: विंडोज पर नोटपैड का उपयोग करना

1. 

   . यह वह बटन है जिसमें टास्क बार में विंडोज लोगो है। डिफ़ॉल्ट रूप से, यह निचले-बाएँ कोने में है। यह स्टार्ट मेनू प्रदर्शित करता है

2. 

   . यह मैक डेस्कटॉप के ऊपरी-दाएँ कोने में है। यह एक खोज बार प्रदर्शित करता है।

3. 

   
   
   प्रकार TextEdit खोज बार में। यह उन ऐप्स की सूची प्रदर्शित करता है जो आपके खोज परिणाम से मेल खाते हैं।

4. 

   
   
   क्लिक करें TextEdit.app. यह खोज परिणामों में सबसे ऊपर है। यह एक आइकन के बगल में है जो कागज और एक कलम की तरह दिखता है।

5. 

   क्लिक करें फ़ाइल. जब TextEdit खुला होता है तो यह स्क्रीन के शीर्ष पर मेनू बार पर होता है।

6. 

   
   
   क्लिक करें खुला हुआ. यह एक फ़ाइल ब्राउज़र खोलता है जिसका उपयोग आप अपने मैक को नेविगेट करने और फ़ाइलों को खोलने के लिए कर सकते हैं।

7. 

   HTML फ़ाइल पर क्लिक करें और क्लिक करें खुला हुआ. HTML फ़ाइलों में एक एक्सटेंशन है जो फ़ाइल नाम के बाद ".html" कहता है। HTML फ़ाइल पर नेविगेट करने के लिए फ़ाइल ब्राउज़र का उपयोग करें और इसे चुनने के लिए इसे क्लिक करें। तब दबायें खुला हुआ TextEdit में HTML फ़ाइल खोलने के लिए।

8. 

   HTML कोड को संपादित करें। HTML कोड को बनाने के लिए आप TextEdit का उपयोग कर सकते हैं। आपको HTML सीखने की आवश्यकता है ताकि आप इसे हाथ से संपादित कर सकें। आम तत्व जिन्हें आप संपादित कर सकते हैं उनमें निम्नलिखित शामिल हैं।
   • : यह HTML डॉक्यूमेंट में सबसे ऊपर जाता है। यह वेब ब्राउज़र को बताता है कि यह एक HTML दस्तावेज़ है।
   • : ये टैग HTML डॉक्यूमेंट के ऊपर और नीचे जाते हैं। यह इंगित करता है कि HTML कोड कहां से शुरू और बंद होता है।
   • : ये टैग HTML डॉक्यूमेंट में सबसे ऊपर जाते हैं। वे इंगित करते हैं कि HTML दस्तावेज़ का सिर कहाँ शुरू होता है और रुकता है। HTML डॉक्यूमेंट के प्रमुख में वह जानकारी होती है जो वेब पेज पर नहीं देखी जाती है। इसमें पृष्ठ शीर्षक, मेटाडेटा और CSS शामिल हैं
   • : ये टैग पृष्ठ का शीर्षक दर्शाते हैं। शीर्षक HTML दस्तावेज़ के प्रमुख में जाता है। इन दो टैग के बीच में पेज का शीर्षक टाइप करें।
   • : ये टैग इंगित करते हैं कि HTML दस्तावेज़ का मुख्य भाग कहाँ शुरू और रुकता है। शरीर वह जगह है जहाँ सभी वेब पेज की सामग्री लिखी जाती है। HTML डॉक्यूमेंट में सिर के बाद बॉडी आती है।

   • शीर्षक पाठ

     : ये टैग हेडलाइन टैग बनाते हैं। के बीच में पाठ "

     " तथा "

     "टैग एक बड़े बोल्ड टेक्स्ट के रूप में दिखाई देते हैं। टेक्स्ट HTML डॉक्यूमेंट के बॉडी में जाता है।

   • पैरा पाठ

     : ये टैग HTML डॉक्यूमेंट में पैराग्राफ टेक्स्ट बनाने के लिए उपयोग किए जाते हैं। पाठ जो बीच में आता है "

     " तथा "

     "सामान्य आकार के पाठ के रूप में प्रकट होता है। HTML दस्तावेज़ के मुख्य भाग में पाठ जाता है।
   • बोल्ड अक्षर: ये टैग बोल्ड टेक्स्ट बनाने के लिए उपयोग किए जाते हैं। पाठ जो बीच में आता है "" तथा ""बोल्ड टेक्स्ट के रूप में दिखाई देता है।
   • इटैलिक पाठ: ये टैग इटैलिक टेक्स्ट बनाने के लिए उपयोग किए जाते हैं। पाठ जो बीच में आता है "" तथा ""इटैलिक टेक्स्ट के रूप में दिखाई देता है।
   • लिंक पाठ: इस टैग का उपयोग दूसरी वेबसाइट से लिंक करने के लिए किया जाता है। उस वेब पते को कॉपी करें जिसे आप लिंक करना चाहते हैं और उसे वहां चिपकाएँ जहाँ वह "URL" कहे (उद्धरण चिह्नों के बीच)। लिंक के लिए पाठ जहां यह कहता है "लिंक टेक्स्ट" (कोई उद्धरण चिह्नों की आवश्यकता नहीं है)।
   • : यह टैग HTML का उपयोग करके एक छवि पोस्ट करने के लिए उपयोग किया जाता है। उस टेक्स्ट को बदलें जो छवि के वेब पते के साथ "छवि URL" कहता है।

9. 

   क्लिक करें फ़ाइल. यह स्क्रीन के शीर्ष पर मेनू बार में है।

10. 

    क्लिक करें सहेजें. यह "फ़ाइल" के नीचे ड्रॉप-डाउन मेनू में है। यह HTML फ़ाइल को बचाता है।
    • फ़ाइल का नाम बदलने के लिए, क्लिक करें नाम बदलें "फ़ाइल" ड्रॉप-डाउन मेनू में। स्क्रीन के शीर्ष पर फ़ाइल के लिए एक नया नाम लिखें। पृष्ठ के शीर्ष पर ".html" एक्सटेंशन शामिल करना सुनिश्चित करें।

विधि 3 की 4: ड्रीमविवर का उपयोग करना

1. 

   ओपन ड्रीमवाइवर। ड्रीमविवर का एक आइकन है जो एक हरे रंग के वर्ग जैसा दिखता है जो बीच में "ड्वा" कहता है। Dreamweaver को खोलने के लिए Windows प्रारंभ मेनू में आइकन, या मैक पर एप्लिकेशन फ़ोल्डर पर क्लिक करें।
   • Adobe Dreamweaver को सदस्यता की आवश्यकता होती है। आप $ 20.99 एक महीने में शुरू होने वाली सदस्यता खरीद सकते हैं।

2. 

   क्लिक करें फ़ाइल. यह स्क्रीन के शीर्ष पर मेनू बार में है।

3. 

   क्लिक करें खुला हुआ. यह "फ़ाइल" के नीचे ड्रॉप-डाउन मेनू में है।

4. 

   एक HTML दस्तावेज़ चुनें और क्लिक करें खुला हुआ. अपने कंप्यूटर पर HTML दस्तावेज़ का चयन करने के लिए फ़ाइल ब्राउज़र का उपयोग करें और इसे चुनने के लिए इसे क्लिक करें। तब दबायें खुला हुआ निचले-दाएं कोने में।

5. 

   क्लिक करें विभाजित करें. यह पृष्ठ के शीर्ष पर मध्य टैब है। यह एक विभाजित स्क्रीन प्रदर्शित करता है जिसमें नीचे की तरफ HTML संपादक और शीर्ष पर एक पूर्वावलोकन स्क्रीन होती है।

6. 

   HTML दस्तावेज़ संपादित करें। HTML को संपादित करने के लिए HTML एडिटर का उपयोग करें। जिस तरह से आप Dreamweaver में HTML को संपादित करते हैं वह नोटपैड या टेक्स्टएडिट में HTML को संपादित करने से बहुत अलग नहीं है। जैसा कि आप एक HTML टैग टाइप करते हैं, एक खोज मेनू मिलान वाले HTML टैग के साथ दिखाई देगा। इसके उद्घाटन और समापन टैग डालने के लिए आप HTML टैग पर क्लिक कर सकते हैं। Dreamweaver यह सुनिश्चित करने के लिए जांच करेगा कि आपके सभी HTML तत्वों के लिए टैग और उद्घाटन हैं।
   • वैकल्पिक रूप से, आप HTML संपादक में HTML तत्व सम्मिलित करना चाहते हैं और जहां क्लिक कर सकते हैं सम्मिलित करें स्क्रीन के शीर्ष पर मेनू बार में। HTML कोड को स्वचालित रूप से जोड़ने के लिए ड्रॉप-डाउन मेनू में उस आइटम पर क्लिक करें जिसे आप सम्मिलित करना चाहते हैं।

7. 

   क्लिक करें फ़ाइल. जब आप HTML दस्तावेज़ को संपादित कर रहे हों, तो क्लिक करें फ़ाइल स्क्रीन के शीर्ष पर मेनू बार में।

8. 

   क्लिक करें सहेजें. यह नीचे दिए गए ड्रॉप-डाउन मेनू में है फ़ाइल। यह आपके HTML दस्तावेज़ को बचाता है।

4 की विधि 4: कोम्पोज़र का उपयोग करना

1. 

   के लिए जाओ https://sourceforge.net/projects/kompozer/ एक वेब ब्राउज़र में। आप पीसी या मैक पर किसी भी वेब ब्राउज़र का उपयोग कर सकते हैं। यह Kompozer का डाउनलोड पृष्ठ है। यह एक मुफ्त HTML (WYSIWYG) संपादक है जो विंडोज और मैक दोनों पर काम करता है।

2. 

   क्लिक करें डाउनलोड. यह पृष्ठ के शीर्ष के पास हरा बटन है। यह आपको एक अलग डाउनलोड पृष्ठ पर ले जाता है। 5 सेकंड की देरी के बाद, आपका डाउनलोड शुरू हो जाएगा।

3. 

   इंस्टॉल फ़ाइल को डबल-क्लिक करें। डिफ़ॉल्ट रूप से, आपकी डाउनलोड की गई फाइलें पीसी या मैक पर आपके "डाउनलोड" फ़ोल्डर में मिल सकती हैं। आप Kompozer इंस्टॉलर को लॉन्च करने के लिए अपने वेब ब्राउज़र में उन पर भी क्लिक कर सकते हैं। कोम्पोज़र को स्थापित करने के लिए निम्नलिखित निर्देशों का उपयोग करें:
   • खिड़कियाँ:
     • यदि आपसे पूछा जाए कि क्या आप अपने सिस्टम में बदलाव करने के लिए इंस्टॉलर को अनुमति देना चाहते हैं, तो क्लिक करें हाँ.
     • क्लिक करें आगे इंट्रो विंडो में।
     • "मैं समझौते को स्वीकार करता हूं" के बगल में रेडियल बटन पर क्लिक करें और क्लिक करें आगे.
     • क्लिक करें आगे डिफ़ॉल्ट इंस्टॉल स्थान का उपयोग करने के लिए या क्लिक करें ब्राउज़ एक अलग इंस्टॉल लोकेशन का चयन करने के लिए।
     • क्लिक करें आगे और फिर क्लिक करें आगे फिर
     • क्लिक करें इंस्टॉल
     • क्लिक करें समाप्त
   • मैक:
     • कोम्पोज़र स्थापित फ़ाइल पर डबल-क्लिक करें।
     • क्लिक करें KompoZer.app
     • ऊपरी-बाएँ कोने में Apple आइकन पर क्लिक करें।
     • क्लिक करें सिस्टम प्रेफरेंसेज
     • क्लिक करें सुरक्षा और गोपनीयता
     • दबाएं सामान्य टैब।
     • क्लिक करें वैसे भी खोलो खिड़की के नीचे के पास।
     • क्लिक करें खुला हुआ पॉप-अप विंडो में।
     • कोम्पोज़र आइकन को अपने डेस्कटॉप पर खींचें।
     • खोजक खोलें।
     • दबाएं अनुप्रयोग फ़ोल्डर।
     • कोम्पोज़र आइकन को डेस्कटॉप से ​​एप्लिकेशन फ़ोल्डर में खींचें।

4. 

   कोम्पोज़र खोलें। पीसी या मैक पर कोम्पोज़र खोलने के लिए निम्न चरणों का उपयोग करें
   • खिड़कियाँ:
     • दबाएं विंडोज स्टार्ट मेन्यू।
     • "कोम्पोज़र" टाइप करें
     • Kompozer आइकन पर डबल-क्लिक करें।
   • मैक:
     • ऊपरी-दाएं कोने में आवर्धक ग्लास आइकन पर क्लिक करें।
     • सर्च बार में "Kompozer" टाइप करें।
     • डबल क्लिक करें Kompozer.app.

5. 

   क्लिक करें फ़ाइल. यह ऐप के शीर्ष पर मेनू बार में है।

6. 

   क्लिक करें खुली फाइल. यह "फ़ाइल" के नीचे ड्रॉप-डाउन मेनू में दूसरा विकल्प है। यह एक खुला ब्राउज़र है जिसका उपयोग आप खुली HTML फ़ाइल का चयन करने के लिए कर सकते हैं।

7. 

   HTML फ़ाइल पर क्लिक करें और क्लिक करें खुला हुआ. यह Kompozer में HTML फ़ाइल खोलता है।

8. 

   क्लिक करें विभाजित करें. यह पृष्ठ के शीर्ष पर मध्य टैब है। यह एक विभाजित स्क्रीन प्रदर्शित करता है जिसमें नीचे की तरफ HTML संपादक और शीर्ष पर एक पूर्वावलोकन स्क्रीन होती है।
   • आपको ऐप को बड़ा करना पड़ सकता है ताकि आपके पास काम करने के लिए अधिक जगह हो।

9. 

   HTML दस्तावेज़ संपादित करें। HTML स्रोत कोड स्क्रीन नीचे की ओर है, आप इस स्क्रीन का उपयोग HTML को उसी तरह संपादित करने के लिए कर सकते हैं जिस तरह से आप नोटपैड या टेक्स्टएडिट में करेंगे। आप निम्न चरणों का उपयोग करके अपने HTML को संपादित करने के लिए पूर्वावलोकन स्क्रीन का उपयोग कर सकते हैं:
   • पाठ प्रकार का चयन करने के लिए ऊपरी-दाएं कोने में ड्रॉप-डाउन मेनू का उपयोग करें (यानी शीर्षक, पैराग्राफ, ect)
   • टेक्स्ट जोड़ने के लिए क्लिक करें और लिखें।
   • अपने टेक्स्ट में बोल्ड, इटैलिक, टेक्स्ट अलाइनमेंट, इंडेंट या लिस्ट को जोड़ने के लिए स्क्रीन के शीर्ष पर स्थित पैनल में बटनों का उपयोग करें।
   • टेक्स्ट का रंग बदलने के लिए स्क्रीन के शीर्ष पर पैनल में रंगीन वर्ग पर क्लिक करें।
   • दबाएं छवि अपने HTML दस्तावेज़ में एक छवि जोड़ने के लिए स्क्रीन के शीर्ष पर आइकन।
   • अपने HTML दस्तावेज़ में लिंक जोड़ने के लिए एक चेनलिंक जैसा दिखने वाले आइकन पर क्लिक करें।

10. 

    दबाएं सहेजें आइकन। एक बार जब आप अपने दस्तावेज़ में बदलाव कर रहे हों, तो क्लिक करें सहेजें स्क्रीन के शीर्ष पर आइकन। यह एक आइकन के नीचे है जो एक फ्लॉपी डिस्क जैसा दिखता है। इससे आपका काम बच जाता है।

सामुदायिक प्रश्न और उत्तर

टिप्स

चेतावनी

• संपादित करते समय अपने दस्तावेज़ को सहेजना याद रखें। किसी भी क्षण कुछ गलत हो सकता है।