Html में वेबसाइट कैसे बनाये

विषयसूची:

Html में वेबसाइट कैसे बनाये
Html में वेबसाइट कैसे बनाये

वीडियो: Html में वेबसाइट कैसे बनाये

वीडियो: Html में वेबसाइट कैसे बनाये
वीडियो: HTML ट्यूटोरियल - एक सुपर सरल वेबसाइट कैसे बनाएं 2024, मई
Anonim

आज लगभग सभी साइटें सामग्री प्रबंधन प्रणाली - सीएमएस का उपयोग करके बनाई गई हैं। लेकिन अभी भी ऐसे प्रोग्रामर हैं जो सीधे HTML मार्कअप भाषा में हाथ से वेब पेज बनाते हैं। क्या आप उनमें से एक बनना चाहते हैं?

html में वेबसाइट कैसे बनाये
html में वेबसाइट कैसे बनाये

अनुदेश

चरण 1

HTML फ़ाइलों को संपादित करने के लिए केवल-पाठ पाठ संपादक का उपयोग करें। यूनिकोड एन्कोडिंग में परिणाम सहेजें - तब आपको सिरिलिक, लैटिन अक्षरों को उमलॉट्स के साथ-साथ गणितीय और भौतिक प्रतीकों के प्रतीकों और ग्रीक अक्षरों को एक ही समय में एक ही पृष्ठ पर रखने में कोई समस्या नहीं होगी।

चरण दो

".html" एक्सटेंशन वाली सभी फाइलों को नाम दें (बिना उद्धरण के)। इन नामों में, केवल लैटिन अक्षरों, संख्याओं, अंडरस्कोर और हाइफ़न का उपयोग किया जा सकता है, लेकिन किसी भी स्थिति में अन्य विराम चिह्न (नाम और विस्तार को अलग करने की अवधि को छोड़कर) और रिक्त स्थान का उपयोग नहीं किया जा सकता है।

चरण 3

साइट के होम पेज को "index.html" (बिना उद्धरण के) फ़ाइल में सहेजना सुनिश्चित करें। इस फाइल को अपने होस्टिंग रूट फोल्डर में रखें। यह इसकी सामग्री है जिसे साइट विज़िटर बिना किसी अतिरिक्त पैरामीटर के ब्राउज़र के एड्रेस बार में अपना URL दर्ज करके देखेगा। शेष पृष्ठ और छवि फ़ाइलों को उसी फ़ोल्डर में रखें।

चरण 4

प्रत्येक फ़ाइल में, प्रारंभ और समाप्ति ब्लॉकों को पूर्व-व्यवस्थित करें। उन्हें चित्र में दिखाए अनुसार व्यवस्थित करें। प्रारंभिक QC ब्लॉक की अंतिम पंक्ति में - पृष्ठभूमि रंग के लाल घटक की चमक का हेक्साडेसिमल मान 00 से FF तक, - हरे रंग के घटक के लिए समान, CC - समान नीले घटक के लिए।

चरण 5

पृष्ठ की सामग्री को प्रारंभ और अंत ब्लॉक के बीच रखें।

चरण 6

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

चरण 7

अनुच्छेद शुरू करने के लिए, चित्र में बाईं ओर दिखाए गए टैग का उपयोग करें। अनुच्छेद से पहले एक-पंक्ति का इंडेंट करने के लिए, चित्र में दाईं ओर दिखाए गए टैग का उपयोग करें।

चरण 8

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

चरण 9

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

चरण 10

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

चरण 11

एक पृष्ठ में दूसरे के लिए एक लिंक डालने के लिए, रूट फ़ोल्डर में स्थानीय रूप से संग्रहीत, ऊपर की आकृति में दिखाए गए ढांचे का उपयोग करें। किसी तृतीय-पक्ष साइट पर स्थित किसी पृष्ठ से लिंक करने के लिए, इस संरचना को संशोधित करें जैसा कि नीचे दिए गए चित्र में दिखाया गया है।

चरण 12

HTML मार्कअप भाषा पर एक ट्यूटोरियल के लिए वेब पर खोजें, और आप सीखेंगे कि बाकी टैग्स का उपयोग कैसे करें कि उस भाषा में दर्जनों हैं।

सिफारिश की: