HTML में कोई पृष्ठ कैसे लिखा जाए
एचटीएमएल भाषा (हायपरटेक्स्ट मार्कअप लैंग्वेज) वेब पेजों के विकास के लिए एक मूल भाषा है यह कोड को आसान और लचीला भाषा बनाने के इरादे से बनाया गया था। लगभग सभी इंटरनेट पृष्ठों को इस कोड के कुछ भिन्नता (कोल्डफ्यूजन, एक्सएमएल, एक्सएसएलटी) के साथ बनाया गया है। एचटीएमएल समझने में आसान है, लेकिन यदि आप अपने संपूर्ण कार्यों को सीखने में दिलचस्पी रखते हैं, तो इसमें काफी समय लग सकता है अपने वेब पृष्ठों पर अधिक रंग और उत्तेजना जोड़ने के लिए, आप मूल HTML पृष्ठ के साथ सहज महसूस करने के बाद सीएसएस के अनिवार्य सीख सकते हैं।
सामग्री
चरणों
भाग 1
दस्तावेज़ को कॉन्फ़िगर करें
1
एक सरल पाठ संपादक खोलें। नोटपैड एक अच्छा विकल्प है जो आप मुफ्त में डाउनलोड कर सकते हैं। आप लगभग किसी भी पाठ संपादन प्रोग्राम के साथ HTML लिख सकते हैं, लेकिन स्वत: प्रारूप वाले अधिक जटिल प्रोग्राम आपके HTML पृष्ठ को व्यवस्थित करने में अधिक कठिन बनाते हैं।
- यह TextEdit का उपयोग करने के लिए अनुशंसित नहीं है, क्योंकि यह अक्सर फ़ाइल को उस प्रारूप में सहेजता है जिसे आपके ब्राउज़र को HTML के रूप में नहीं पहचाना जा सकता है
- आप एक HTML संपादक ऑनलाइन भी उपयोग कर सकते हैं। शुरुआती लोगों के लिए HTML संपादन प्रोग्राम की अनुशंसा नहीं की जाती है
2
एक वेब पेज के रूप में एक फ़ाइल सहेजें फ़ाइल → इस रूप में सहेजें चुनें द्वारा फ़ाइल प्रारूप को बदलें "वेबसाइट", ".html" या ".htm"। इसे उस स्थान पर सहेजें जहां आप इसे आसानी से पा सकते हैं।
3
एक वेब ब्राउज़र में फ़ाइल खोलें। फ़ाइल पर डबल-क्लिक करें और इसे अपने ब्राउजर में रिक्त वेब पेज के रूप में स्वत: खोलना चाहिए। एक विकल्प के रूप में, आप एक ब्राउज़र खोल सकते हैं, उदाहरण के लिए फ़ायरफ़ॉक्स या इंटरनेट एक्सप्लोरर और उपयोग करें "पुरालेख" → "फ़ाइल खोलें" दस्तावेज़ का चयन करने के लिए
4
सहेजे गए परिवर्तन देखने के लिए वेबसाइट को ताज़ा करें इसे अपने रिक्त दस्तावेज़ में लिखें: नमस्ते दस्तावेज़ को सहेजें रिक्त पृष्ठ को रीफ्रेश करें और आपको इसे दिखाई देना चाहिए "नमस्ते" पृष्ठ के शीर्ष पर, बोल्ड में। हर बार जब आप इस ट्यूटोरियल के दौरान अपने नए HTML को आज़माना चाहते हैं, तो .html दस्तावेज़ को सहेजें और फिर ब्राउज़र विंडो को अपडेट करें कि यह देखने के लिए कि आपके HTML का व्याख्या कैसे किया जाता है।
5
समझे कि लेबल क्या हैं HTML निर्देशों के माध्यम से लिखा जाता है "लेबल" (टैग, अंग्रेजी में), जो ब्राउज़र को वेब पेज की व्याख्या और प्रदर्शित करने के बारे में बताती हैं वे हमेशा कोण ब्रैकेट्स में लिखे गए हैं और वे वेब पेज पर प्रदर्शित नहीं होते हैं। आपने पहले से उन्हें पिछले उदाहरण में प्रयोग किया है:
6
अपने दस्तावेज़ को कॉन्फ़िगर करें अपने HTML दस्तावेज़ की सभी सामग्री निकालें निम्न पाठ के साथ फिर से शुरू करें, जैसा कि वह है (बुलेट अंकों को नजरअंदाज करना)। यह HTML कोड ब्राउज़र को बताता है कि आप किस प्रकार के HTML का उपयोग करने जा रहे हैं और यह कि आपके सभी HTML टैग के बीच समाहित होंगे और .
7
शीर्षलेख और शरीर टैग जोड़ें एचटीएमएल दस्तावेजों को दो खंडों में बांटा गया है। का खंड "सिर" (सिर, अंग्रेजी में) विशेष जानकारी के लिए है, जैसे पृष्ठ का शीर्षक। का खंड "शव" (शरीर, अंग्रेजी में) पृष्ठ की मुख्य सामग्री भी शामिल है। अपने दस्तावेज़ को दोनों जोड़ें, जिसमें समापन टैग भी शामिल करने के लिए याद रखें। जोड़ा जाने वाला नया टेक्स्ट बोल्ड में है:
8
पृष्ठ पर एक शीर्षक दें शुरुआती होने के नाते, अधिकांश लेबल सीखना महत्वपूर्ण नहीं है जो शीर्ष लेख के अनुभाग में जाते हैं। हालांकि, शीर्षक टैग का उपयोग करना आसान है और यह निर्धारित करेगा कि ब्राउज़र विंडो या टैब के नाम के रूप में क्या दिखाई देगा। हेडर लेबल्स के अंदर शीर्षक के उद्घाटन और समापन टैग रखें और उन दोनों के बीच आप जो शीर्षक चाहते हैं उसे लिखें:
भाग 2
पाठ को प्रारूपित करें
1
शरीर अनुभाग में कुछ पाठ जोड़ें इस खंड में आप केवल शरीर टैग के अंदर काम करेंगे। बाकी पाठ दस्तावेज़ में रहेगा, लेकिन इस गाइड में आप अंतरिक्ष को बचाने के लिए उन्हें दोहराते रहेंगे। टैग के बीच आप क्या चाहते हैं यह लिखें और और यह आपके वेब पेज पर पहली सामग्री के रूप में दिखाई देगा। उदाहरण के लिए:
- मैं एक HTML पृष्ठ लिखने के लिए wikiHow मार्गदर्शिका का पालन कर रहा हूं
Video: Bal Ganesh Full Movie In Hindi – Popular Animation Movie For Kids (HD) - Shemaroo Kids
2
टेक्स्ट में हेडर जोड़ें हेडर टैग्स के साथ अपने पृष्ठ को व्यवस्थित करें, जो ब्राउज़र को एक बड़े आकार में उनके बीच दिखाई देने वाले टेक्स्ट को प्रदर्शित करने के लिए कहेंगे। ये भी द्वारा उपयोग किया जाता है यह निर्धारित करने के लिए कि आपका पृष्ठ किस बारे में है और यह कैसे संगठित किया गया है, खोज इंजन बॉट्स और अन्य उपकरण। सबसे बड़ा हेडर है और आप छोटे शीर्षकों को नीचे से बना सकते हैं अपने पृष्ठ पर उन्हें आज़माएं:
मेरी वेबसाइट में आपका स्वागत है
मेरे लक्ष्य आज:
उद्देश्य पूरा:
उद्देश्य पूरा नहीं:
Video: Chapter 19 Patra Kaise Likhe Part 1 पत्र कैसे लिखे भाग १ Hindi class 12 Nios GEI
3
पाठ को प्रारूपित करने के लिए अधिक लेबल जानें। आप पहले से ही लेबल जानते हैं "मज़बूत", लेकिन पाठ प्रारूपित करने के कई अन्य तरीके हैं उनके साथ खेलें या एक ही पाठ स्ट्रिंग के आसपास कई टैग का उपयोग करें। हमेशा बाद में टैग को जोड़ने के लिए याद रखें!
4
पृष्ठ पर टेक्स्ट को सॉर्ट करें आपने देखा होगा कि कुंजी दबाकर ⌅ दर्ज करें आपके टेक्स्ट को किसी भिन्न रेखा पर दिखाने के लिए यह पर्याप्त नहीं है ये टैग पैराग्राफ बनाने और लाइन ब्रेक सम्मिलित करने या किसी दूसरे तरीके से आपके पाठ को व्यवस्थित करने में आपकी सहायता कर सकते हैं:
इसका अर्थ है "अनुच्छेद" और यह आपको सभी पैराग्राफ को एक पैराग्राफ में इन लेबलों के बीच रखने में मदद करेगा, इसे ऊपर या नीचे वाले पाठ से अलग करना।
यदि आपको पाठ को सही ढंग से प्रदर्शित करने की ज़रूरत है, तो यह टैग उस टेक्स्ट को सेट करेगा जो इन लेबलों के अंदर एक निश्चित चौड़ाई वाले फ़ॉन्ट के रूप में सेट होगा (प्रत्येक अक्षर में एक ही चौड़ाई होगी) और आपको रिक्त स्थान और लाइन ब्रेक बनाने की अनुमति होगी, क्योंकि आप आमतौर पर लिखने के बजाय लेबल के माध्यम से
यह एक स्रोत के माध्यम से उद्धृत पाठ के रूप में टेक्स्ट को परिभाषित करता हैतब आप स्रोत का उपयोग करके इसका वर्णन कर सकते हैं नियुक्ति टैग.
5
अदृश्य पाठ टिप्पणी जोड़ें टिप्पणी टैग वेब पेज पर दिखाई नहीं दे रहे हैं। वे आपको सामग्री के साथ हस्तक्षेप किए बिना अपने लिए HTML दस्तावेज़ में नोट लिखने की अनुमति देते हैं। एक समापन टैग जोड़ें नहीं
6
सब कुछ एक साथ रखें। इन लेबल्स को याद रखने का सर्वोत्तम तरीका उनको अपनी वेबसाइट पर उपयोग करना है यहां तक कि यहां तक कि प्रत्येक चरण के लिए लेबल का उपयोग करने का एक उदाहरण यहां बताया गया है। भविष्यवाणी करने का प्रयास करें कि वह अपने दस्तावेज़ में जानने के लिए प्रत्येक चीज़ को कॉपी और चिपकाने के बजाय ब्राउज़र में कैसा दिखेगा।
मेरी वेबसाइट में आपका स्वागत है
मैं विशेष रूप से आपके लिए इसे बनाया है
भाग 1: मैं एचटीएमएल कैसे खोजता हूं
भाग 3
लिंक और छवियां जोड़ें
1
जानें कि गुण क्या हैं लेबल उनके अंदर लिखी अतिरिक्त जानकारी हो सकती है। इस जानकारी के रूप में जाना जाता है "गुण"। गुण एक ही टैग के अतिरिक्त शब्दों के रूप में प्रकट होते हैं: विशेषता-नाम ="विशिष्ट मूल्य". उदाहरण के लिए, लगभग किसी भी HTML टैग में विशेषता हो सकती है "शीर्षक" (शीर्षक) है:
यहाँ परिचयात्मक पैराग्राफ को जाता है
यह विशेषता पैराग्राफ को एक शीर्षक जोड़ती है, "परिचय", जो तब दिखाई देता है जब आप वेब पेज पर पैराग्राफ पर होवर करते हैं।
2
किसी अन्य वेब पेज पर एक लिंक बनाएं किसी अन्य वेब पेज पर हाइपरलिंक बनाने के लिए टैग का उपयोग करें। Href विशेषता का उपयोग करके गंतव्य वेब पेज का URL डालें यह एक ऐसा उदाहरण है, जो आपके दस्तावेज़ को उस पेज पर लिंक करता है जिसे आप अब पढ़ रहे हैं।
3
अपने टैग में आईडी विशेषता जोड़ें एक और विशेषता है कि आप लगभग किसी भी HTML टैग में शामिल कर सकते हैं तत्व है "आईडी". प्रत्येक लेबल के भीतर, लिखो आईडी ="उदाहरण" या किसी भी नाम का उपयोग करें जिसमें रिक्त स्थान शामिल नहीं है यह एक दृश्य प्रभाव नहीं होगा, लेकिन आप अगले चरण में इसका उपयोग करेंगे।
इस पैराग्राफ का उदाहरण दिखाएगा कि आईडी विशेषता कैसे काम करती है।
4
विशिष्ट आईडी के लिए एक लिंक बनाएं अब आप हाइपरलिंक टैग का उपयोग उसी पृष्ठ पर किसी अन्य बिंदु पर एक लिंक बनाने के लिए कर सकते हैं। एक यूआरएल के बजाय, आपको # चिह्न का प्रयोग करना चाहिए, इसके बाद आईडी वैल्यू का उपयोग करना चाहिए जिसमें आप लिंक बनाने जा रहे हैं। उदाहरण के लिए, यह पाठ उस पैराग्राफ़ का एक लिंक बनायेगा जिसमें आईडी है "उदाहरण".
5
एक छवि जोड़ें लेबल ![]()
यह एक खाली टैग है, जिसका अर्थ है कि समापन टैग को शामिल करना आवश्यक नहीं है। जिस ब्राउजर को छवि प्रदर्शित करने की ज़रूरत है वह सारी जानकारी गुणों के माध्यम से जोड़ दी जाएगी। यहां एक उदाहरण है जो प्रत्येक विशेषता के विवरण के बाद wikiHow लोगो को दिखाएगा:
भाग 4
अधिक जानें और अपने पेज को ऑनलाइन बनाएं
1
अपने एचटीएमएल को मान्य करें कोड में त्रुटियों के लिए HTML मान्यता जांच यदि आपका वेब पेज ठीक से प्रदर्शित नहीं होता है, तो सत्यापन आपको समस्या का कारण बनने वाली त्रुटि ढूंढने में मदद कर सकता है। यह आपको एचटीएमएल के बारे में और अधिक सिखा सकता है जो स्क्रीन पर ठीक लग रहा है, लेकिन एचटीएमएल मानकों के अपडेट के कारण इसे अनुशंसित नहीं किया गया है। अमान्य एचटीएमएल का इस्तेमाल करने का यह मतलब नहीं है कि आपकी साइट का प्रयोग नहीं किया जा सकेगा, लेकिन यह विभिन्न ब्राउज़रों में समस्याएं पैदा कर सकता है या असंगत दृश्य दिखा सकता है।
- नि: शुल्क ऑनलाइन सत्यापन सेवा की कोशिश करो W3C या किसी अन्य एचटीएमएल 5 ऑनलाइन सत्यापनकर्ता की तलाश करें
2
अधिक लेबल और विशेषताओं को जानें कई अन्य एचटीएमएल टैग और विशेषताओं और कई जगहें हैं जहां आप उन्हें सीख सकते हैं:
Video: Linux Tutorial for Beginners: Introduction to Linux Operating System
3
अपने वेब पेज को ऑनलाइन रखें एक चुनें वेब होस्टिंग सेवा या वेब होस्टिंग और आप अपने व्यक्तिगत वेब डोमेन के रूप में कई HTML पृष्ठों को अपलोड कर सकते हैं ऐसा करने के लिए, आपको एक का उपयोग करना होगा एफ़टीपी स्थानांतरण कार्यक्रम, लेकिन होस्टिंग सेवाओं में से कई भी इस सेवा की पेशकश करते हैं
4
सीएसएस के साथ शैली जोड़ें यदि आपका HTML पृष्ठ बहुत प्रारंभिक दिखता है, तो कुछ मूलभूत सीएसएस कार्यों को अधिक रंग, विभिन्न स्रोतों और तत्वों के स्थान पर अधिक नियंत्रण जोड़ने की कोशिश करें। सीएसएस स्टाइल शीट लिंक करें (सीएसएस स्टाइलशीट) को अपने एचटीएमएल पेजों के साथ आपको एक महत्वपूर्ण टैग के भीतर सभी पाठ की शैली को समायोजित करने के लिए, ज़रूरी बदलाव जल्दी करने की अनुमति मिलेगी। यहां आप देख सकते हैं कि बुनियादी स्टाइल शीट्स के साथ कैसे खेलें या आप अधिक विस्तृत ट्यूटोरियल में गहराई से उपयोग कर सकते हैं एचटीएमएल डॉग सीएसएस गाइड.
5
अपने पेज में जावास्क्रिप्ट कोड जोड़ें जावास्क्रिप्ट एक प्रोग्रामिंग भाषा है जिसका इस्तेमाल एचटीएमएल पेजों में अधिक फ़ंक्शन जोड़ने के लिए किया जाता है। जावास्क्रिप्ट कमांड्स खोलने और समापन टैग के बीच डाली जाती हैं और इंटरेक्टिव बटन जोड़ने, गणित की समस्याओं की गणना करने और बहुत कुछ करने के लिए इस्तेमाल किया जा सकता है। का उपयोग करके अधिक जानें w3c के उदाहरण.
युक्तियाँ
- दस्तावेज़ का प्रकार (अंग्रेजी में doctype), इस ट्यूटोरियल में प्रयोग किया जाता है "ढीली HTML 4.0.1 संक्रमणकालीन", शुरुआती के लिए आसान-से-उपयोग वाला प्रारूप उपयोग करें () ताकि ब्राउज़र सख्त एचटीएमएल 5 फॉर्मेट के साथ कोड की व्याख्या करता है, जो कि सबसे कम मानक प्रयोग होने के बावजूद सबसे ज्यादा मानक माना जाता है।
चेतावनी
- एचटीएमएल में एक सार्वभौमिक प्रारूप में पृष्ठ की सामग्री को बनाए रखने का उद्देश्य है यह आपके वेब पृष्ठ की प्रस्तुति को नियंत्रित करने के लिए नहीं है, जैसे पृष्ठभूमि का रंग और तत्वों का सटीक स्थान। यद्यपि ऐसे लेबल्स हैं जो आपको इन चीजों को नियंत्रित करने की अनुमति देते हैं, लेकिन सीएएसएस का उपयोग करने के लिए अधिक नियंत्रणीय और सुसंगत वेब पेज बनाने की सिफारिश की गई है।
आप की आवश्यकता होगी चीजें
- एक साधारण पाठ संपादक, जैसे नोटपैड या टेक्स्टएडिट
- एक वेब ब्राउज़र, जैसे इंटरनेट एक्सप्लोरर या मोज़िला फ़ायरफ़ॉक्स
- एडोब ड्रीमइवेर, एपटाना स्टूडियो या माइक्रोसॉफ्ट एक्सप्रेशन वेब (ऐच्छिक) जैसे एचटीएमएल संपादक
सामाजिक नेटवर्क पर साझा करें:
संबद्ध
एचटीएमएल के साथ एक हाइपरलिंक कैसे जोड़ें
HTML में ट्रेडमार्क प्रतीक कैसे जोड़ें
Word दस्तावेज़ को HTML में कनवर्ट कैसे करें
HTML फ्रेम कैसे बनाएं
HTML में छवि लिंक कैसे बनाएं
एचटीएमएल का उपयोग कर कैलकुलेटर कैसे बनाएं
बिना जावा के HTML में एक ड्रॉप-डाउन सूची कैसे बनाएं
जावास्क्रिप्ट सक्षम नहीं है कि कैसे पता लगाने के लिए
HTML फ़ाइल को कैसे निष्पादित करें I
SQL सर्वर से एक प्रोग्राम HTML रिपोर्ट कैसे भेजनी है
एचटीएमएल में पृष्ठभूमि की छवि को ठीक कैसे करें- HTML में डिजिटल समय कैसे प्रदर्शित करें
VBScript के साथ कार्यक्रम कैसे करें
HTML में पाठ को कैसे रेखांकित करें
सरल HTML प्रारूप का उपयोग कैसे करें- HTML का उपयोग करके अपनी वेबसाइट पर जावास्क्रिप्ट को कैसे जोड़ें
एचटीएमएल भाषा में पाठ को कैसे केन्द्रित करें- HTML में टिप्पणी कैसे करें
एक HTML प्रपत्र बनाने के लिए जो एक ईमेल पते पर भेजा जा सकता है
जीमेल के लिए एचटीएमएल हस्ताक्षर कैसे बनाया जाए
एचटीएमएल का उपयोग कर टेक्स्ट एंट्री कैसे बनाएं