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

कदम

4 का विधि 1:

विंडोज़ पर एक नोटपैड का उपयोग करना

1. विंडोज स्टार्ट बटन पर क्लिक करें

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

2. प्रकार नोटपैड. यह स्टार्ट मेनू में नोटपैड प्रदर्शित करता है.

3. क्लिक नोटपैड. इसमें एक आइकन है जो नीले कवर के साथ एक नोटपैड जैसा दिखता है.

शीर्षक शीर्षक एचटीएमएल फाइलें चरण 4 संपादित करें

4. क्लिक फ़ाइल. यह नोटपैड में मेनू बार के शीर्ष पर है. यह एक ड्रॉप-डाउन मेनू प्रदर्शित करता है. यह एक फ़ाइल ब्राउज़र प्रदर्शित करता है जिसका उपयोग आप नोटपैड में फ़ाइलों को खोलने के लिए कर सकते हैं.

5. क्लिक खुला हुआ. यह फ़ाइल ड्रॉप-डाउन मेनू में दूसरा विकल्प है.

6. चुनते हैं "सारे दस्तावेज" फ़ाइल प्रकार ड्रॉप-डाउन मेनू में. ड्रॉप-डाउन पर क्लिक करें जो कहता है "पाठ दस्तावेज (.टेक्स्ट)" और चयन करें "सारे दस्तावेज" ड्रॉप-डाउन मेनू में. यह फ़ाइल ब्राउज़र में सभी दस्तावेज़ प्रकार (HTML फ़ाइलों सहित) प्रदर्शित करता है.

7. एक HTML फ़ाइल का चयन करें और क्लिक करें खुला हुआ. यह नोटपैड में HTML दस्तावेज़ खोलता है. आप नोटपैड में HTML कोड को संपादित कर सकते हैं.

वैकल्पिक रूप से, आप कर सकते हैं एक नया HTML दस्तावेज़ बनाएं नोटपैड में.

शीर्षक वाली छवि शीर्षक एचटीएमएल फाइलें चरण 8

8. HTML कोड संपादित करें. नोटपैड में HTML को संपादित करने के लिए, आपको इसकी आवश्यकता होगी HTML जानें ताकि आप इसे हाथ से संपादित कर सकें. आपके द्वारा संपादित किए जा सकने वाले सामान्य तत्वों में निम्नलिखित शामिल हैं.

: यह HTML दस्तावेज़ के शीर्ष पर जाता है. यह वेब ब्राउज़र को बताता है कि यह एक HTML दस्तावेज़ है.

: ये टैग HTML दस्तावेज़ के ऊपर और नीचे जाते हैं. यह इंगित करता है कि HTML कोड कहां से शुरू होता है और बंद हो जाता है.

: ये टैग HTML दस्तावेज़ के शीर्ष पर जाते हैं. वे इंगित करते हैं कि HTML दस्तावेज़ का प्रमुख कहां से शुरू होता है और बंद हो जाता है. HTML दस्तावेज़ के मुखिया में ऐसी जानकारी है जो वेब पेज पर नहीं देखी गई है. इसमें पृष्ठ शीर्षक, मेटाडेटा और सीएसएस शामिल हैं

पृष्ठ का शीर्षक: ये टैग पृष्ठ शीर्षक को इंगित करते हैं. शीर्षक HTML दस्तावेज़ के प्रमुख में जाता है. इन दो टैग के बीच पृष्ठ का शीर्षक टाइप करें.

: ये टैग इंगित करते हैं कि HTML दस्तावेज़ का शरीर कहां से शुरू होता है और बंद हो जाता है. शरीर वह है जहां सभी वेब पेज सामग्री लिखी गई है. एचटीएमएल दस्तावेज़ में सिर के बाद शरीर आता है.

शीर्षक पाठ: ये टैग हेडलाइन टैग बनाते हैं. के बीच में पाठ "

" तथा "

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

पैरा पाठ: इन टैग का उपयोग HTML दस्तावेज़ में अनुच्छेद पाठ बनाने के लिए किया जाता है. पाठ जो बीच में जाता है "

" तथा "

" सामान्य आकार के पाठ के रूप में प्रकट होता है. HTML दस्तावेज़ के शरीर में पाठ जाता है.

मोटा पाठ्यांश: इन टैग का उपयोग बोल्ड टेक्स्ट बनाने के लिए किया जाता है. पाठ जो बीच में जाता है "" तथा "" बोल्ड टेक्स्ट के रूप में दिखाई देता है.

इटैलिक पाठ: इन टैग का उपयोग इटैलिक टेक्स्ट बनाने के लिए किया जाता है. पाठ जो बीच में जाता है "" तथा "" इटैलिक टेक्स्ट के रूप में दिखाई देता है.

लिंक पाठ: इस टैग का उपयोग किसी अन्य वेबसाइट से लिंक करने के लिए किया जाता है. उस वेब पते को कॉपी करें जिसे आप लिंक करना चाहते हैं और इसे पेस्ट करें जहां यह कहता है "यूआरएल" (उद्धरण चिह्नों के बीच में). उस लिंक के लिए पाठ जहां यह कहता है "लिंक पाठ" (कोई उद्धरण चिह्न की आवश्यकता नहीं है).

: इस टैग का उपयोग HTML का उपयोग करके एक छवि पोस्ट करने के लिए किया जाता है. Teh पाठ को बदलें जो कहता है "छवि यूआरएल" छवि के वेब पते के साथ.

एचटीएमएल फाइलों को संपादित करें शीर्षक वाली छवि चरण 9

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

10. क्लिक के रूप रक्षित करें. यह एक संवाद बॉक्स खोलता है जिसका उपयोग आप अपनी फ़ाइल को सहेजने के लिए कर सकते हैं.

फ़ाइल को सहेजने के लिए यह मौजूदा नाम और फ़ाइल प्रकार है, बस क्लिक करें सहेजें नीचे ड्रॉप-डाउन मेनू में "फ़ाइल".

1 1. चुनते हैं "सारे दस्तावेज". प्रकार के रूप में सहेजने के बगल में ड्रॉप-डाउन मेनू का उपयोग करें" चयन करना "सारे दस्तावेज".

शीर्षक वाली छवि एचटीएमएल फाइलें संपादित करें चरण 12

12. फ़ाइल के लिए एक नाम टाइप करें. के बगल में स्थित बॉक्स का उपयोग करें "फ़ाइल का नाम" फ़ाइल के लिए एक नाम टाइप करने के लिए.

13. प्रकार .एचटीएमएल फ़ाइल के अंत में. आपके द्वारा फ़ाइल के लिए एक नाम टाइप करने के बाद "फ़ाइल का नाम" बॉक्स, एक्सटेंशन जोड़ें ".एचटीएमएल" फ़ाइल नाम के अंत में. इस विस्तार के बिना, यह फ़ाइल को एक के रूप में सहेज लेगा .एक HTML फ़ाइल की बजाय TXT फ़ाइल.

शीर्षक वाली छवि एचटीएमएल फाइलें संपादित करें चरण 14

14. क्लिक सहेजें. यह फ़ाइल को बचाता है.

4 का विधि 2:

मैक पर टेक्स्ट एडिट का उपयोग करना

1. आवर्धक ग्लास आइकन पर क्लिक करें

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

2. प्रकार पाठ संपादित खोज बार में. यह आपके खोज परिणाम से मेल खाने वाले ऐप्स की एक सूची प्रदर्शित करता है.

शीर्षक वाली छवि एचटीएमएल फाइलें संपादित करें चरण 17

3. क्लिक पाठ संपादित.एप्लिकेशन. यह खोज परिणामों के शीर्ष पर है. यह एक आइकन के बगल में है जो कागज की एक शीट और एक कलम जैसा दिखता है.

शीर्षक वाली छवि एचटीएमएल फाइलें संपादित करें चरण 18

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

शीर्षक वाली छवि शीर्षक एचटीएमएल फाइलें चरण 1 9

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

शीर्षक वाली छवि एचटीएमएल फाइलें संपादित करें चरण 20

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

शीर्षक वाली छवि एचटीएमएल फाइलें संपादित करें चरण 21

7. HTML कोड संपादित करें. आप HTML कोड को बनाने के लिए TextEdit का उपयोग कर सकते हैं. आपको HTML जानें ताकि आप इसे हाथ से संपादित कर सकें. आपके द्वारा संपादित किए जा सकने वाले सामान्य तत्वों में निम्नलिखित शामिल हैं.

शीर्षक पाठ: ये टैग हेडलाइन टैग बनाते हैं. के बीच में पाठ "

" तथा "

एचटीएमएल फाइलें शीर्षक 22 शीर्षक वाली छवि

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

शीर्षक वाली छवि एचटीएमएल फाइलों को संपादित करें चरण 23

9. क्लिक सहेजें. यह नीचे ड्रॉप-डाउन मेनू में है "फ़ाइल". यह HTML फ़ाइल को बचाता है.

फ़ाइल का नाम बदलने के लिए, क्लिक करें नाम बदलें में "फ़ाइल" ड्रॉप डाउन मेनू. स्क्रीन के शीर्ष पर फ़ाइल के लिए एक नया नाम टाइप करें. शामिल करना सुनिश्चित करें ".एचटीएमएल" पृष्ठ के शीर्ष पर विस्तार.

विधि 3 में से 4:

ड्रीमवेवर का उपयोग करना

1. ओपन ड्रीमवेवर. ड्रीमवेवर के पास एक आइकन होता है जो एक हरे रंग के वर्ग जैसा होता है जो कहता है "डीडब्ल्यू" बीच में. ड्रीमवेवर खोलने के लिए मैक पर विंडोज स्टार्ट मेनू, या मैक पर एप्लिकेशन फ़ोल्डर में आइकन पर क्लिक करें.

एडोब ड्रीमवेवर को एक की आवश्यकता होती है अंशदान. आप $ 20 से शुरू होने वाली सदस्यता खरीद सकते हैं.99 एक महीने.

शीर्षक वाली छवि एचटीएमएल फाइलें संपादित करें चरण 25

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

शीर्षक वाली छवि एचटीएमएल फाइलों को संपादित करें चरण 26

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

शीर्षक वाली छवि एचटीएमएल फाइलें संपादित करें चरण 27

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

शीर्षक वाली छवि एचटीएमएल फाइलें संपादित करें चरण 28

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

छवि शीर्षक शीर्षक एचटीएमएल फाइलें चरण 2 9

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

वैकल्पिक रूप से, आप HTML संपादक में HTML तत्व को सम्मिलित करना चाहते हैं और क्लिक करें डालने स्क्रीन के शीर्ष पर मेनू बार में. उस आइटम पर क्लिक करें जिसे आप स्वचालित रूप से HTML कोड को स्वचालित रूप से जोड़ने के लिए ड्रॉप-डाउन मेनू में डालना चाहते हैं.

शीर्षक वाली छवि एचटीएमएल फाइलें संपादित करें चरण 30

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

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

4 का विधि 4:

कॉम्पोजर का उपयोग करना

1. के लिए जाओ https: // SourceForge.नेट / प्रोजेक्ट्स / कॉम्पोजर / एक वेब ब्राउज़र में. आप पीसी या मैक पर किसी भी वेब ब्राउज़र का उपयोग कर सकते हैं. यह कॉम्पोजर के लिए डाउनलोड पेज है. यह एक मुफ्त एचटीएमएल (WYSIWYG) संपादक है जो विंडोज और मैक दोनों पर काम करता है.

एचटीएमएल फाइलों को संपादित करें शीर्षक 33

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

एचटीएमएल फाइलें संपादित करें चरण 34 शीर्षक वाली छवि

3. इंस्टॉल फ़ाइल को डबल-क्लिक करें. डिफ़ॉल्ट रूप से, आपकी डाउनलोड की गई फाइलें आपके में मिल सकती हैं "डाउनलोड" पीसी या मैक पर फ़ोल्डर. आप कॉम्पोजर इंस्टॉलर लॉन्च करने के लिए अपने वेब ब्राउज़र में भी उन पर क्लिक कर सकते हैं. Kompozer स्थापित करने के लिए निम्नलिखित निर्देशों का उपयोग करें:

खिड़कियाँ:

अगर पूछा गया कि क्या आप इंस्टॉलर को अपने सिस्टम में परिवर्तन करने की अनुमति देना चाहते हैं, तो क्लिक करें हाँ.

क्लिक अगला परिचय खिड़कियों में.

के बगल में रेडियल बटन पर क्लिक करें "मैं समझौता स्वीकार करता हूं" और क्लिक करें अगला.

क्लिक अगला डिफ़ॉल्ट स्थापित स्थान या क्लिक का उपयोग करने के लिए ब्राउज़ एक अलग स्थापित स्थान का चयन करने के लिए.

क्लिक अगला और फिर क्लिक करें अगला फिर व

क्लिक इंस्टॉल

क्लिक खत्म हो

Mac:

कॉम्पोजर इंस्टॉल फ़ाइल को डबल-क्लिक करें.

क्लिक कॉम्पोजर.एप्लिकेशन

ऊपरी-बाएं कोने में ऐप्पल आइकन पर क्लिक करें.

क्लिक सिस्टम प्रेफरेंसेज

क्लिक सुरक्षा और गोपनीयता

दबाएं आम टैब.

क्लिक वैसे भी खुला खिड़की के नीचे के पास.

क्लिक खुला हुआ पॉप-अप विंडो में.

अपने डेस्कटॉप पर कॉम्पोजर आइकन खींचें.

खोजकर्ता खोलें.

दबाएं अनुप्रयोग फ़ोल्डर.

डेस्कटॉप से कॉम्पोजर आइकन को एप्लिकेशन फ़ोल्डर में खींचें.

एचटीएमएल फाइलें शीर्षक 35 शीर्षक वाली छवि

4. खुला कॉम्पोजर. पीसी या मैक पर कॉम्पोजर खोलने के लिए निम्न चरणों का उपयोग करें

खिड़कियाँ:

दबाएं विंडोज स्टार्ट मेन्यू.

प्रकार "कॉम्पोजर"

कॉम्पोजर आइकन पर डबल-क्लिक करें.

Mac:

ऊपरी-दाएं कोने में आवर्धक ग्लास आइकन पर क्लिक करें.

प्रकार "कॉम्पोजर" खोज बार में.

डबल क्लिक करें कॉम्पोजर.एप्लिकेशन.

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

एचटीएमएल फाइलें संपादित करें चरण 37 शीर्षक वाली छवि

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

एचटीएमएल फाइलें शीर्षक 38 शीर्षक वाली छवि

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

शीर्षक वाली छवि एचटीएमएल फाइलों को संपादित करें चरण 3 9

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

आपको ऐप को बड़ा करने की आवश्यकता हो सकती है ताकि आपके पास काम करने के लिए और अधिक जगह हो.

9. HTML दस्तावेज़ संपादित करें. एचटीएमएल स्रोत कोड स्क्रीन नीचे की ओर है, आप इस स्क्रीन का उपयोग एचटीएमएल को उसी तरह संपादित करने के लिए कर सकते हैं जैसे आप नोटपैड या टेक्स्ट एडिट में करेंगे. आप निम्न चरणों का उपयोग करके अपने HTML को संपादित करने के लिए पूर्वावलोकन स्क्रीन का भी उपयोग कर सकते हैं:

पाठ प्रकार का चयन करने के लिए ऊपरी-दाएं कोने में ड्रॉप-डाउन मेनू का उपयोग करें (i).ई शीर्षक, अनुच्छेद, ect}

टेक्स्ट जोड़ने के लिए क्लिक करें और टाइप करें.

बोल्ड, इटालिक्स, टेक्स्ट संरेखण, इंडेंट, या अपने पाठ में सूची जोड़ने के लिए स्क्रीन के शीर्ष पर पैनल में बटन का उपयोग करें.

टेक्स्ट रंग बदलने के लिए स्क्रीन के शीर्ष पर पैनल में रंगीन वर्ग पर क्लिक करें.

दबाएं छवि अपने HTML दस्तावेज़ में एक छवि जोड़ने के लिए स्क्रीन के शीर्ष पर आइकन.

अपने HTML दस्तावेज़ में एक लिंक जोड़ने के लिए चेनलिंक जैसा दिखने वाले आइकन पर क्लिक करें.

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