विज्ञापन
वर्ल्ड वाइड वेब कई भाषाओं को जानता है और कई अलग-अलग लोगों में कोडित है। हालाँकि, एक भाषा जो सभी जगह पाई जा सकती है और वेबपेजों के आविष्कार के बाद से आस-पास है, हाइपरटेक्स्ट मार्कअप लैंग्वेज है, जिसे एचटीएमएल के रूप में जाना जाता है। जैसा कि नाम से ही स्पष्ट है, HTML एक प्रोग्रामिंग नहीं है, बल्कि एक मार्कअप भाषा है। मार्कअप की व्याख्या वेबसाइटों द्वारा सामग्री की कल्पना करने के लिए ब्राउज़रों द्वारा की जाती है। अपने सबसे सरल रूप में HTML का उपयोग पाठ को प्रारूपित करने, मीडिया फ़ाइलों को एम्बेड करने और वेबपृष्ठ पर सामग्री व्यवस्थित करने के लिए किया जाता है। दूसरे शब्दों में, HTML वेबपृष्ठों का वर्णन करता है और इस विवरण के आधार पर, ब्राउज़र एक 'छवि' बनाता है।
मुफ्त वेबसाइट बिल्डरों के लिए धन्यवाद किसी को भी वास्तव में HTML कोडिंग के साथ गड़बड़ करने की आवश्यकता नहीं है। हालाँकि, मौके पर HTML टैग काम में आ सकते हैं, उदाहरण के लिए किसी वेबसाइट में त्वरित बदलाव करने के लिए, किसी टिप्पणी में हाइपरटेक्स्ट जोड़ें, या फ़ोरम पोस्ट के लिए टेक्स्ट को फॉर्मेट करें। इस लेख में मैं आपको कुछ, संभवतः यादृच्छिक, लेकिन दैनिक उपयोग के लिए निश्चित रूप से उपयोगी और सरल टैग दिखाना चाहता हूं।
शुरू करने से पहले, मैं आपको कुछ बुनियादी नियमों से परिचित करवाता हूँ, जो उम्मीद करते हैं कि HTML टैग्स को समझने में आसान बनाएंगे:
- HTML मार्कअप टैग का उपयोग करता है, जो कोण कोष्ठक में संलग्न हैं, जैसे कि:
- टैग जो ऊपर दिए गए उदाहरण में से एक जैसे दिखते हैं, स्टार्ट टैग कहलाते हैं। प्रत्येक प्रारंभ टैग को किसी बिंदु पर अंतिम टैग द्वारा अनुसरण किया जाना चाहिए, जैसे कि:
- कुछ टैग सामग्री का वर्णन नहीं करते हैं। वर्तमान मानकों के अनुरूप होने के लिए, हालांकि, उन्हें अभी भी समाप्त होना चाहिए। नतीजतन, वे शुरुआत और अंत टैग को एकजुट करते हैं, जैसे कि:
पाठ स्वरूपण
HTML टैग आमतौर पर सीधे होते हैं। पाठ को बोल्ड, इटैलिक या रेखांकित करने के लिए टैग संबंधित शब्द से लिए गए हैं।
इनपुट:साहसिक
आउटपुट: बोल्ड
इनपुट:तिरछा
आउटपुट:तिरछा
इनपुट:रेखांकित
आउटपुट:रेखांकित
इनपुट:पाठ के माध्यम से हड़ताल
आउटपुट:पाठ के माध्यम से हड़ताल
हाइपरटेक्स्ट बनाना
सादे यूआरएल बहुत बदसूरत दिख सकते हैं। हाइपरलिंक को एक टेक्स्ट में जोड़ना, यानी हाइपरटेक्स्ट बनाना, बहुत अधिक स्टाइलिश है और अंतरिक्ष को बचाएगा, खासकर यदि लिंक बहुत लंबा है।
इनपुट:उपयोग करना
आउटपुट:उपयोग करना
जैसा कि आप देख सकते हैं कि यह HTML टैग थोड़ा अधिक जटिल है, तो आइए इसे विस्तार से देखें। वास्तविक टैग है और अतिरिक्त तत्व ऐसे गुण हैं जो आगे की विशेषताओं को निर्दिष्ट करते हैं। विशेषता है href = लिंक निर्दिष्ट करता है और title = माउस-ओवर टूलटिप को परिभाषित करता है। लिंक और शीर्षक को संलग्न करने के लिए उद्धरण चिह्नों का उपयोग करना सुनिश्चित करें, अन्यथा आप एक टूटी हुई लिंक के साथ समाप्त हो सकते हैं।
इमेज एम्बेड करना
एक तस्वीर एक हजार शब्दों से अधिक कह सकती है। हमें उन्हें अधिक बार उपयोग करना चाहिए। और यह है कि आप HTML का उपयोग करके मैन्युअल रूप से कैसे सम्मिलित कर सकते हैं:
इनपुट:
आउटपुट:
आइए इस टैग का भी विश्लेषण करें। फिर, वास्तविक टैग है और आवश्यक विशेषताएँ हैं src = तथा alt =. छवि के स्थान के पूर्व बिंदु, अर्थात् इसका URL, और बाद वाला एक वैकल्पिक पाठ प्रदान करता है, जो छवियों के प्रदर्शन को अवरुद्ध करने या लिंक के टूटने की स्थिति में प्रदर्शित किया जाता है। फिर से, टूटे हुए लिंक से बचने के लिए उद्धरण चिह्नों का उपयोग करें।
टैग भी एक टैग का एक उदाहरण है जिसे 'समाप्त' करने की आवश्यकता नहीं है और इसलिए प्रारंभिक टैग में फॉरवर्ड डैश के साथ बंद हो जाता है, अर्थात
बजाय
.
ब्रेक और पैराग्राफ
एक संरचित पाठ बनाने के लिए, आपको लाइन ब्रेक और पैराग्राफ का उपयोग करने की आवश्यकता है। और ये वे टैग हैं जिन्हें आपको जानना आवश्यक है:
इनपुट:
आउटपुट: यह टैग लाइन ब्रेक बनाता है। ध्यान दें कि यह एक और टैग है जो एक में टैग शुरू और समाप्त करता है।
इनपुट:
अपने पैराग्राफ के अंदर पाठ।
आउटपुट: पिछले टैग के विपरीत, पैरा टैग में एक मानक प्रारंभ और समाप्ति टैग होता है। दो टैग के बीच के पाठ को एक पैराग्राफ में लपेटा गया है, जिसका अर्थ है कि पहले और बाद में एक खाली रेखा है।
सूचियाँ
अनिवार्य रूप से दो प्रकार की सूचियाँ हैं: क्रमबद्ध और अव्यवस्थित सूचियाँ, जिन्हें क्रमांकित और बुलेटेड सूचियों के रूप में जाना जाता है। या तो बनाने के लिए, आपको दो अलग-अलग टैगों को जानना होगा, लेकिन कुल मिलाकर केवल तीन। आइए पहले उदाहरणों को देखें:
इनपुट:
- आइटम एक
- आइटम दो
आउटपुट:
- आइटम एक
- आइटम दो
इनपुट:
- आइटम एक
- आइटम दो
आउटपुट:
- आइटम एक
- आइटम दो
ऑर्डर की गई सूची बनाने के लिए, टैग का उपयोग करें और एक अनियंत्रित सूची के लिए, डालें टैग। दोनों ही मामलों में,
अब जब आपने देखा है कि HTML कितना सरल और तर्कपूर्ण है, तो आप बहुत मूल बातों से परे जाकर कुछ और सीखना चाह सकते हैं। अधिक HTML युक्तियों के लिए, इन लेखों को देखें:
- बुनियादी HTML कोड को समझने के लिए 5 कदम बुनियादी HTML कोड को समझने के लिए 5 कदमHTML हर वेबपेज की रीढ़ है। यदि आप एक शुरुआत कर रहे हैं, तो हम आपको HTML को समझने के लिए बुनियादी चरणों के माध्यम से चलते हैं। अधिक पढ़ें
- फास्ट लोडिंग फ्री वेबसाइट बनाने के लिए 5 HTML टिप्स फास्ट लोडिंग फ्री वेबसाइट बनाने के लिए 5 HTML टिप्स अधिक पढ़ें
- 7 कूल HTML इफेक्ट्स जो कोई भी अपनी वेबसाइट पर जोड़ सकता है 8 कूल HTML इफेक्ट्स जो कोई भी अपनी वेबसाइट पर जोड़ सकता हैफैंसी साइट बनाने के लिए आपको CSS या PHP का पता नहीं है। भयानक प्रभाव उत्पन्न करने के लिए इन शांत HTML ट्रिक्स का उपयोग करें। अधिक पढ़ें
क्या अब आप HTML टैग का उपयोग करने के बारे में थोड़ा अधिक आश्वस्त महसूस करते हैं? यदि आप पहले cod हाथ से कोडिंग ’कर चुके हैं, तो आपको लगता है कि कौन से टैग गायब हैं?
छवि क्रेडिट: kentoh
टीना पिछले एक दशक से उपभोक्ता तकनीक के बारे में लिख रही हैं। वह प्राकृतिक विज्ञान में डॉक्टरेट, जर्मनी से डिप्लोमेट और स्वीडन से एमएससी करती है। उसकी विश्लेषणात्मक पृष्ठभूमि ने उसे मेकओसेफ़ में एक प्रौद्योगिकी पत्रकार के रूप में उत्कृष्टता प्रदान करने में मदद की है, जहां वह अब कीवर्ड अनुसंधान और संचालन का प्रबंधन कर रही है।
