एचटीएमएल में लिखें: बेसिक एचटीएमएल अवधारणाओं

यह सोचना आसान है कि आप सोच सकते हैं

एक अच्छा सीएमएस आपकी वेबसाइट पर आलेख पोस्ट करना आसान बनाता है। लेकिन आप वास्तव में क्या पोस्ट कर रहे हैं? पाठ के कई पैराग्राफ। और यदि वह पाठ सही ढंग से स्वरूपित नहीं है, तो आपका प्यारा लेख आपकी वेबसाइट पर टूटा हुआ दिखाई देगा।

अच्छी खबर: अगर आप एचटीएमएल में लिखना सीखते हैं, तो आपका लेख बहुत अच्छा लगेगा। कुछ बुनियादी अवधारणाओं के साथ, आप किसी भी समय HTML में लिखेंगे।

एचटीएमएल: वेब ब्राउज़र की भाषा

"एचटीएमएल" का अर्थ है "हाइपरटेक्स्ट मार्कअप भाषा।" असल में, यह आपके पाठ को चिह्नित करने के लिए एक भाषा है , इसलिए यह किसी अन्य साइट पर बोल्ड या लिंक दिखने जैसी फैंसी चीजें कर सकता है।

एचटीएमएल आपके ब्राउज़र की मूल भाषा है। हम इंटरनेट (PHP, पर्ल, रूबी, और अन्य) के लिए कई प्रोग्रामिंग भाषाओं का उपयोग करते हैं, लेकिन वे अंततः HTML को थूकते हैं। (ठीक है, या जावास्क्रिप्ट, लेकिन चलो यह आसान रखें।)

आपका ब्राउज़र HTML लेता है, और इसे एक सुंदर वेब पेज में बनाता है।

HTML में लिखना सीखें, और आपको पता चलेगा कि आप ब्राउज़र को क्या कह रहे हैं।

एचटीएमएल मार्क सामान्य पाठ

एचटीएमएल एक मार्कअप भाषा है, इसलिए अधिकांश "एचटीएमएल" सिर्फ सादा पाठ है। उदाहरण के लिए, यह पूरी तरह से अच्छा एचटीएमएल है:

नमस्ते। मैं एचटीएमएल हूँ। उत्तेजित करनेवाला। हां। गजब का।

लेकिन रुको, तुम कहते हो। यह एक कंप्यूटर भाषा की तरह दिखता नहीं है! यह अंग्रेजी की तरह दिखता है!

हाँ। अब आप महान रहस्य जानते हैं। एचटीएमएल (जब सही तरीके से उपयोग किया जाता है) पठनीय पाठ है।

अपने वर्ड प्रोसेसर अनुभव से सीखें

बेशक, हम सादा पाठ से अधिक चाहते हैं। हम चाहते हैं, कहो, इटालिक्स

आप पहले ही जानते हैं कि एक वर्ड प्रोसेसर प्रोग्राम (जैसे माइक्रोसॉफ्ट वर्ड, या मुफ्त लिबर ऑफिस) में इटालिक्स कैसे प्राप्त करें। आप छोटे I बटन दबाते हैं।

तब से जो कुछ भी आप टाइप करते हैं वह इटालिक्स में है। आप पृष्ठों के लिए टाइप कर सकते हैं। आप इस त्यौहार पर जोर कैसे देते हैं? मैं फिर से बटन दबाएं। अब आपका फ़ॉन्ट सामान्य पर वापस आ गया है।

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

दुर्भाग्यवश, ये अंतराल अदृश्य हैं।

अदृश्य अंतराल बहुत दर्द का कारण बन सकता है। इटालिक्स को बंद करना बहुत आसान है, फिर कर्सर के साथ कुछ गलती करें और पाते हैं कि आप अभी भी इटालिक्स में हैं। आप उन्हें फिर से बंद करने का प्रयास करते हैं, लेकिन किसी भी तरह से आप फिर से चले जाते हैं, इसलिए उन्हें बंद करना वास्तव में उन्हें टॉगल करता है ... यह एक गड़बड़ है।

एचटीएमएल उपयोग करता है & # 34; टैग & # 34;

एचटीएमएल एंडपॉइंट्स का भी उपयोग करता है। अंतर यह है कि एचटीएमएल में, आप इन अंतराल को देख सकते हैं । आप उन्हें टाइप करते हैं। उन्हें टैग कहा जाता है।

मान लीजिए कि आप उस पहले उदाहरण को उखाड़ फेंकना चाहते हैं। आप "रोमांचक" शब्द को इटैलिकिस करना चाहते हैं। आप रोमांचक टाइप करेंगे। इस कदर:

नमस्ते। मैं एचटीएमएल हूँ। रोमांचक । हां। गजब का।

आप इसे अपने टेक्स्ट एडिटर में सहेज लेंगे, फिर HTML को अपने सीएमएस में "नया आलेख" बॉक्स में कॉपी और पेस्ट करें। जब ब्राउजर ने पेज दिखाया, तो यह इस तरह दिखेगा:

नमस्ते। मैं एचटीएमएल हूँ। रोमांचक हां। गजब का।

एक वर्ड प्रोसेसर के विपरीत, जब आप उन्हें टाइप करते हैं तो आप इटालिक्स नहीं देखते हैं। आप टैग टाइप करते हैं। ब्राउज़र टैग पढ़ता है, उन्हें अदृश्य बनाता है, और उनके निर्देशों का पालन करता है।

उन सभी टैग को देखने में परेशानी हो सकती है, लेकिन सही टेक्स्ट एडिटर इसे इतना आसान बनाता है।

खुलने और बंद टैग

और टैग पर फिर से देखें। I बटन के पहले क्लिक की तरह, इटालिक्स चालू करता है। आपके दूसरे क्लिक की तरह इटालिक्स बंद कर देता है

बटन क्लिक करने के बजाय, आप छोटे टैग में टाइप कर रहे हैं। इटालिक्स शुरू करने के लिए एक उद्घाटन टैग, उन्हें रोकने के लिए एक बंद टैग।

टैग के बीच अंतर नोट करें। समापन में एक / स्लैश है। एचटीएमएल में सभी बंद टैग में स्लैश होगा।

समापन टैग को मत भूलना

बंद टैग बल्कि महत्वपूर्ण हैं। क्या होगा यदि आप बंद करना भूल जाते हैं , इस तरह?

नमस्ते। मैं एचटीएमएल हूँ। रोमांचक। हां। गजब का।

ऐसा लगता है कि आप इटैलिक्स को बंद करने के लिए फिर से क्लिक करना भूल गए हैं। आपको यह मिल जाएगा:

नमस्ते। मैं एचटीएमएल हूँ। उत्तेजित करनेवाला। हां। गजब का।

एक भी मिस्ड टैग आपके पूरे लेख, या यहां तक ​​कि शेष पृष्ठ को इटालिक्स की नदी में बदल सकता है।

यह शायद सबसे आसान और सबसे अचूक शुरुआत करने वाली गलती है जो आप कर सकते हैं। लेकिन इसे ठीक करना आसान है। बस बंद टैग में पॉप।

अब कुछ टैग जानें

बधाई! आप बुनियादी HTML समझते हैं!

उद्घाटन और समापन टैग के साथ चिह्नित सामान्य पाठ। तो इतना ही है।

अब कुछ बुनियादी HTML टैग सीखें। (आप पहले एक सभ्य पाठ संपादक प्राप्त करना चाहते हैं।)