HTML के साथ एक सरल वेब पेज कैसे बनाएं
यद्यपि एचटीएमएल को जानने के बिना वेब पेज बनाना संभव है, अगर आप ऐसा करते हैं तो आपको अनिवार्य समस्याओं का सामना करना पड़ता है, जो भी आप संपादक का उपयोग करेंगे, आप इसका उपयोग करेंगे। ऐसी कई साइटें हैं जिन पर आप HTML सीख सकते हैं, लेकिन यह लेख आपको उस प्रारूप में एक वेबसाइट बनाने के लिए मूलभूत बातें दिखाएगा। इन मूल बातें के लिए धन्यवाद, आप जल्द से जल्द से एक वेब पेज बनाने में सक्षम हो जाएगा!
कदम
HTML का उपयोग करें
1
यह समझने का प्रयास करें कि यह क्या है। HTML प्रोग्रामिंग भाषा है जो वेब पेज बनाता है यह देखने के लिए कि इंटरनेट एक्सप्लोरर खोलें और किसी पेज पर राइट क्लिक करें, फिर "एचटीएमएल"। आपको HTML कोड का एक पृष्ठ दिखाई देगा। यह कोड आपके ब्राउज़र को वेब पेज को प्रदर्शित करने की आवश्यकता है।
- इंटरनेट एक्सप्लोरर पर, दृश्य मेनू विकल्प है "मूल"। पर फ़ायरफ़ॉक्स, किसी पृष्ठ के स्रोत कोड को देखने के लिए Ctrl + U दबाएं। पर सफारी, View - View Source (या Option + Command + U) का चयन करें
2
अपना पहला वेब पेज जितना संभव हो उतना सरल बनाएं यदि आप नहीं करते हैं तो संभवतः वाक्यविन्यास और स्क्रिप्ट भाषा से अभिभूत हो जाएगा।
3
प्रारंभ पर जाएं, फिर "कार्यक्रम" और "सामान"। पर क्लिक करें "नोटपैड"।
4
ब्राउज़र को बताएं कि आप किस भाषा का उपयोग करेंगे लिखना . यह आपके द्वारा लिखा पहला टैग है जो कंप्यूटर को सूचित करेगा जो एक वेब पेज शुरू कर रहा है यह अंतिम टैग बंद हो जाएगा, इसलिए दस्तावेज़ के अंत में, इसे लिखकर बंद करें: . इससे वेब पेज समाप्त हो जाएगा
5
दिखाए गए अनुसार पृष्ठ का प्रमुख जोड़ें
6
अपने पेज को एक शीर्षक दें एक शीर्षक महत्वपूर्ण है क्योंकि यह उपयोगकर्ताओं को पृष्ठ की सामग्री का एक विचार प्रदान करेगा। इसके अलावा, जब आप अपने पृष्ठ को अपने पसंदीदा में डालते हैं, तो शीर्षक पसंदीदा सूची में दिखाई देगा। HTML में शीर्षक टैग है . इसे लिखकर शीर्षक के अंत में बंद करें .
7
पृष्ठ के शरीर (शरीर) पर कार्य करें लिखना शरीर टैग को खोलने के लिए इसे लिखकर बंद करें . अपने वेब पृष्ठ के लिए अधिकतर जानकारी दो शरीर टैगों के बीच संलग्न होनी चाहिए।
8
शरीर टैग के बीच पाठ लिखें
.
9
चित्र जोड़ें यदि आप इंटरनेट से चित्र जोड़ना चाहते हैं, तो चित्र के लिए HTML है आईएमजी टैग को एक समापन टैग की आवश्यकता नहीं है, लेकिन पूर्णता के लिए आप "अंतिम">"।
10
सुनिश्चित करें कि सभी टैग बंद हैं आपका वेब पेज इस तरह दिखना चाहिए:
मुझे विकी से प्यार है क्योंकि https://gnumani.com/skins/common/images/wikiHow_logo_5.jpg"> |
11
अपना काम बचाओ चलें "के रूप में सहेजें", एक्सटेंशन .html के साथ फाइल नाम दर्ज करें और फाइल प्रकार के रूप में सभी फाइलें या पाठ चुनें। यह तब तक काम नहीं करेगा जब तक आप इन दोनों चरणों में नहीं करते। आपके द्वारा अभी बचाया गया पृष्ठ खोलें और आपका डिफ़ॉल्ट ब्राउजर को अपना पहला वेब पेज खोलना और प्रदर्शित करना चाहिए।
टिप्स
- जब आप कोई टैग खोलते हैं, तो आपको इसे बंद करना चाहिए, जब तक यह एक विशेष टैग में से एक न हो जिसके लिए एक बंद टैग की आवश्यकता न हो, जैसे कि
या। जब आपको संदेह होता है, तो हमेशा उसे बंद करें
- टैग के गलत स्थान का एक उदाहरण यहां दिया गया है:
सामग्री - अधिक जटिल वेबसाइट बनाने के लिए, आप एक संपादक जैसे कि माइक्रोसॉफ्ट अभिव्यक्ति वेब या एडोब ड्रीमइवेर का उपयोग कर सकते हैं।
- यदि आपके द्वारा लिखा गया वेब पेज काम नहीं करता है, तो इस आलेख में दिए गए कोड की प्रतिलिपि बनाएं और चिपकाएं, और किसी भी त्रुटि को खोजने के लिए इसे अपने साथ तुलना करें
- अगर आप कोड को बदलना चाहते हैं, तो फ़ाइल का नाम बदलें जिसे आप .txt के रूप में बनाते हैं, और इसे एक टेक्स्ट एडिटर के साथ खोलें।
- बहुत से लोगों को अपने वेब डिजाइन कौशल के लिए धन्यवाद काम मिल सकता है आप इसे भी कर सकते हैं!
- आप नेटवर्क पर कई ट्यूटोरियल पा सकते हैं जो आपको बताएंगे कि वेब पेज कैसे बनाएं। बस एक साधारण Google खोज पर्याप्त होगी
चेतावनी
- पहले व्यक्ति में अपने पन्नों पर रखे छवियों को होस्ट करना सुनिश्चित करें, ताकि स्वामी के बैंडविड्थ का फायदा उठाना न हो। आप Photobucket, Flickr या Imagehack जैसी सेवाओं पर छवियों को होस्ट कर सकते हैं
- टैग
- गुण "bgcolor" यह अप्रचलित है एक तत्व का पृष्ठभूमि रंग बदलने का सही तरीका है सीएसएस भाषा का उपयोग करना।
आप की आवश्यकता होगी चीजें
- पाठ संपादक जैसे नोटपैड (विंडोज) या टेक्स्टएडिट (मैक)
- जैसे एक ब्राउज़र मोज़िला फ़ायरफ़ॉक्स या सफारी.
- इंटरनेट कनेक्शन के साथ कंप्यूटर
- फ़ाइल प्रबंधन प्रोग्राम जैसे विंडोज एक्सप्लोरर (वैकल्पिक)
- छवि होस्टिंग सेवा जैसे फोटोबकेट या फ़्लिकर
सामाजिक नेटवर्क पर साझा करें:
संबद्ध
ब्लॉगर में पेज कैसे जोड़ें- ब्लॉग पर एक पृष्ठभूमि कैसे जोड़ें
- टेक्स्ट का रंग HTML में कैसे बदला जाए
- HTML फ़ॉर्म कैसे बनाएं
- HTML में हाइपरलिंक कैसे बनाएं
- एक एचटीएमएल फॉर्म कैसे बनाएं जिसे एक ईमेल पता भेजा जा सकता है
- एचटीएमएल कोड का प्रयोग करके आपकी वेबसाइट पर जावास्क्रिप्ट कैसे जोड़ें
- एक छवि को लिंक कैसे जोड़ें
- जावा के बिना एचटीएमएल में एक विस्तार सूची कैसे बनाएं
HTML का उपयोग करते हुए एक टेक्स्ट बॉक्स कैसे बनाएं- जावास्क्रिप्ट में छवियों का रोलओवर कैसे बनाएं
एचटीएमएल कोड का उपयोग कर कैलक्यूलेटर कैसे बनाएं
जीमेल पर एक HTML हस्ताक्षर कैसे बनाएं
कैसे एक HTML फ़ाइल को चलाने के लिए
सीएसएस कोड कैसे सीखें
इंटरनेट एक्सप्लोरर में पसंदीदा कैसे आयात करें
एचटीएमएल कोड का इस्तेमाल करते हुए एक छवि में एक लिंक कैसे डालें- HTML में टिप्पणियाँ कैसे लिखें
वीबीस्क्रिप्ट में कार्यक्रम कैसे करें
कैसे एक वेब पेज को बचाने के लिए
सरल तरीके में HTML प्रारूप का उपयोग कैसे करें