शुरुआती लोगों के लिए ब्रैकेट का उपयोग करके एक साधारण वेब पेज कैसे बनाएं: 14 कदम

2024 लेखक: John Day | [email protected]. अंतिम बार संशोधित: 2024-01-30 09:20

परिचय

निम्नलिखित निर्देश ब्रैकेट्स का उपयोग करके वेब पेज बनाने के लिए चरण-दर-चरण मार्गदर्शन प्रदान करते हैं। ब्रैकेट एक स्रोत कोड संपादक है जो वेब विकास पर प्राथमिक ध्यान केंद्रित करता है। Adobe Systems द्वारा बनाया गया, यह MIT लाइसेंस के तहत लाइसेंस प्राप्त मुफ़्त और ओपन-सोर्स सॉफ़्टवेयर है, और वर्तमान में Adobe और अन्य ओपन-सोर्स डेवलपर्स द्वारा GitHub पर इसका रखरखाव किया जाता है। यह जावास्क्रिप्ट, एचटीएमएल और सीएसएस में लिखा गया है।

निर्देश

नोट: - सभी HTML टैग कोष्ठक के बीच में होने चाहिए:

चरण 1: सॉफ्टवेयर डाउनलोड करें

इस वेबसाइट https://brackets.io/ से ब्रैकेट डाउनलोड करें।

चरण 2: ब्रैकेट खोलें

कंप्यूटर पर डाउनलोड किए गए ब्रैकेट सॉफ़्टवेयर खोलें।

चरण 3: एक नई फ़ाइल बनाएँ

ब्रैकेट खोलने के बाद, विंडो के ऊपर बाईं ओर फ़ाइल आइकन पर क्लिक करें, फिर नया क्लिक करें, आपको नई फ़ाइल "अनटाइटल्ड" दिखाई देगी।

चरण 4: इस रूप में सहेजें.. फ़ाइल

इस फ़ाइल 'अनटाइटल्ड' पर राइट क्लिक करें, इस रूप में सहेजें पर क्लिक करें, फिर आपको इसे ड्राइव पर सहेजना चाहिए

इस बिंदु पर आप फ़ाइल को कोई भी नाम दे सकते हैं, बस नाम के बाद “.html” (डॉट html) जोड़ना सुनिश्चित करें।

चरण 5: DOCTYPE टैग से शुरू करें

प्रत्येक html पृष्ठ को निम्नलिखित संरचना टैग से शुरू होना चाहिए यह ब्राउज़र को बताता है कि HTML पृष्ठ को प्रस्तुत करते समय किन नियमों का पालन करना है।

चरण 6: HTML टैग

और - वे टैग किसी दस्तावेज़ को प्रारंभ और समाप्त करने के लिए हैं।

चरण 7: सिर और शरीर Tags

एचटीएमएल टैग के बीच में, लिखें और जहां इसमें 'पर्दे के पीछे' सामग्री शामिल है। साथ ही, लिखें और इसमें टेक्स्ट, इमेज, वीडियो, ऑडियो आदि कहां हों।

चरण 8: मेटा टैग

टैग के बीच, लिखें कि यह खोज इंजन शब्द या वर्ण एन्कोडिंग जैसी जानकारी कहां प्रदान करता है।

चरण 9: शीर्षक टैग

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

चरण 10: P टैग का उपयोग करके अनुच्छेद जोड़ना

उदाहरण के लिए चित्र, ऑडियो, वीडियो और पैराग्राफ जैसी कोई भी जानकारी जो आप वेब पेज पर देखना चाहते हैं, उसके बीच में, अपने उदाहरण के लिए मैं पैराग्राफ के लिए इस टैग का उपयोग करके एक पैराग्राफ लिखने जा रहा हूं:

तथा ।

चरण 11: अपने परिणाम देखें

अपने परिणाम देखने के लिए: पहले फ़ाइल पर राइट क्लिक करें और ऊपरी दाएं कोने पर "लाइव पूर्वावलोकन" आइकन पर क्लिक करने के बजाय "सहेजें" पर क्लिक करें।

नोट:- जब भी आप कोई बदलाव करते हैं और आप परिणाम देखना चाहते हैं, तो सबसे पहले आपको फाइल को सेव करना होगा, आप शॉर्टकट "Ctrl + S" का उपयोग कर सकते हैं

चरण 12: स्वरूपण बदलें

यदि आप टेक्स्ट प्रारूप का आकार बदलना चाहते हैं, तो सबसे बड़े शीर्षक के रूप में उपयोग करें या सबसे छोटा है। मेरे उदाहरण में मैं उपयोग करूंगा।

चरण 13: सिंगल/डबल लाइन ब्रेक टैग

यदि आप पैराग्राफ के बीच सिंगल/डबल लाइन ब्रेक बनाना चाहते हैं, तो टैग का उपयोग करें

चरण 14: निष्कर्ष

बधाई हो! अब आप अपना खुद का वेब पेज बनाना शुरू कर सकते हैं।

यदि आप HTML टैग्स के बारे में अधिक जानना चाहते हैं, तो मैं इस वेबसाइट की अनुशंसा करता हूं