HTML In Hindi for Absolute Beginners
हालांकि इंटरनेट पर कई गाइड HTML को बहुत दिमाग़ी सिद्धांत का उपयोग करके सिखाने का प्रयास करते हैं, यह HTML TUTORIAL आपको अपनी पहली साइट बनाने के लिए व्यावहारिक कौशल देने पर ध्यान केंद्रित करेगा।
![]() |
What Is HTML In Hindi |
उद्देश्य आपको "how" पर ध्यान केंद्रित करते हुए पूरे HTML tutorial को Learn किए बिना अपना पहला वेब पेज बनाने के लिए ’"WHY’ दिखाना है।
इस ट्यूटोरियल के अंत तक, आपके पास know-how to create a basic website होगा और हम आशा करते हैं कि यह आपको हमारे फॉलो-ऑन गाइड का उपयोग करके HTML की दुनिया में और आगे बढ़ने के लिए प्रेरित करेगा।
What is HTML In Hindi?
ठीक है, इसलिए यह अनिवार्य सिद्धांत का एकमात्र बिट है। HTML लिखना शुरू करने के लिए, यदि आप जानते हैं कि आप क्या लिख रहे हैं, तो यह मदद करता है।HTML वह भाषा है जिसमें अधिकांश वेबसाइट लिखी जाती हैं। HTML का उपयोग पेज बनाने और उन्हें कार्यात्मक बनाने के लिए किया जाता है।
उन्हें visually appealing बनाने के लिए उपयोग किए जाने वाले कोड को CSS के रूप में जाना जाता है और हम बाद के ट्यूटोरियल में इस पर ध्यान केंद्रित करेंगे। अभी के लिए, हम आपको डिज़ाइन के बजाय निर्माण करने के तरीके सिखाने पर ध्यान देंगे।
History of HTML in Hindi
HTML को सबसे पहले Berners-Lee, Robert Cailliau और अन्य लोगों ने 1989 में शुरू किया था। यह हाइपर टेक्स्ट मार्कअप लैंग्वेज के लिए है।हाइपरटेक्स्ट का मतलब है कि दस्तावेज़ में लिंक हैं जो पाठक को दस्तावेज़ में अन्य स्थानों पर या किसी अन्य दस्तावेज़ पर पूरी तरह से कूदने की अनुमति देते हैं। नवीनतम संस्करण को HTML5 के रूप में जाना जाता है।
मार्कअप लैंग्वेज एक ऐसा तरीका है जो कंप्यूटर को एक दूसरे से बात करने के लिए नियंत्रित करता है कि टेक्स्ट कैसे संसाधित और प्रस्तुत किया जाता है। ऐसा करने के लिए HTML दो चीजों का उपयोग करता है: टैग और विशेषताएँ।
What are Tags and Attributes In hindi?
Tagsऔर Attributes (HTML in Hindi) का आधार हैं।वे एक साथ काम करते हैं लेकिन विभिन्न कार्य करते हैं - यह दोनों को अलग करने में 2 मिनट का निवेश करने के लायक है।
HTML Tags in Hindi?
HTML element की शुरुआत को चिह्नित करने के लिए Tags का उपयोग किया जाता है और वे आमतौर पर angle brackets में संलग्न होते हैं। एक Tag का एक उदाहरण है: <h1>अधिकांश टैग को कार्य करने के लिए <h1> और <h1> को बंद करना होगा।
What are HTML Attributes in Hindi
Attributes में जानकारी के अतिरिक्त टुकड़े होते हैं। Attributes एक उद्घाटन टैग का रूप लेती हैं और अतिरिक्त जानकारी अंदर रखी जाती है।एक विशेषता का एक उदाहरण है:
<img src = "mypig.jpg" alt = "A photo of my pig.">
इस उदाहरण में, छवि स्रोत (src) और संपूर्ण पाठ (alt) <img> टैग की विशेषताएँ हैं।
HTML Editors In Hindi
सबसे पहले, हमें यह सुनिश्चित करना चाहिए कि हमारे पास सही उपकरण हों। सबसे महत्वपूर्ण, हमें एक HTML संपादक की आवश्यकता है।बाजार पर कई विकल्प हैं। यहाँ सबसे लोकप्रिय हैं:
Sublime Text 3
![]() |
Software to write code html |
हालाँकि, इस Tutorials के लिए, हम Sublime Text 3 का उपयोग करेंगे क्योंकि यह मुफ़्त है और विंडोज, मैक और लिनक्स उपयोगकर्ताओं के लिए क्रॉस-प्लेटफ़ॉर्म समर्थन भी प्रदान करता है।
Notepad ++( HTML In Hindi)
![]() |
Notepad ++( HTML In Hindi) |
HTML और अन्य भाषा कोडर्स के लिए एक और आम पसंद नोटपैड ++ है। यह उन कार्यों को डाउनलोड करने और निष्पादित करने के लिए एक छोटा कार्यक्रम है जिन्हें आपको क्लीन कोड लिखने की आवश्यकता है।
Komodo Edit
Komodo Edit एक ही लेबल द्वारा जारी दो संपादकों में से एक है। वे विभिन्न प्रकार के एक्सटेंशन और भाषा समर्थन के साथ एक सरल, ओपन-सोर्स संपादक प्रदान करते हैं।Creating Your First Webpage HTML In Hindi
सबसे पहले, आपको अपना HTML संपादक खोलने की आवश्यकता है, जहाँ आपको एक साफ़ सफ़ेद पृष्ठ मिलेगा जिस पर अपना कोड लिखना है।
वहां से आपको निम्नलिखित टैग के साथ अपने पेज को लेआउट करना होगा।
Basic Construction of an HTML Page In Hindi
ये टैग आपके द्वारा बनाए गए प्रत्येक HTML पृष्ठ के शीर्ष पर एक दूसरे के नीचे रखे जाने चाहिए।<!DOCTYPE html> - यह टैग उस भाषा को निर्दिष्ट करता है जिसे आप पृष्ठ पर लिखेंगे। इस स्थिति में, भाषा HTML 5 है।
<html> - यह टैग संकेत देता है कि यहाँ से हम HTML कोड में लिखने जा रहे हैं।
<head> - यह वह जगह है जहाँ पेज के लिए सभी मेटाडेटा जाते हैं - सामान ज्यादातर सर्च इंजन और अन्य कंप्यूटर प्रोग्राम के लिए होता है।
<body> - यह वह जगह है जहां पेज की सामग्री जाती है।
Further Tags in HTML In Hindi
<Head> टैग के अंदर, एक टैग होता है जिसे हमेशा शामिल किया जाता है: <शीर्षक>, लेकिन कुछ अन्य भी हैं जो उतने ही महत्वपूर्ण हैं:<Title>
यह वह जगह है जहां हम पृष्ठ का नाम सम्मिलित करते हैं क्योंकि यह ब्राउज़र विंडो या टैब के शीर्ष पर दिखाई देगा।
<meta>
यह वह जगह है जहाँ दस्तावेज़ के बारे में जानकारी संग्रहीत की जाती है: चरित्र एन्कोडिंग, नाम (पृष्ठ संदर्भ), विवरण।
आइए एक बुनियादी <head> अनुभाग देखें:
![]() |
Code For HTML In Hindi |
Adding Content In HTML
आगे, हम <body> टैग बनाएंगे।HTML <body> वह जगह है जहां हम उस सामग्री को जोड़ते हैं जो मानव आंखों द्वारा देखने के लिए डिज़ाइन की गई है।
इसमें text, images, tables, formsऔर अन्य सभी चीजें शामिल हैं जो हम प्रत्येक दिन इंटरनेट पर देखते हैं।
Learn About HTML Heading in Hindi
HTML में, शीर्षक निम्नलिखित तत्वों में लिखे गए हैं:
<H1>
<H2>
<H3>
<H4>
<H5>
<H6>
जैसा कि आपने अनुमान लगाया होगा कि <h1> और <h2> का उपयोग सबसे महत्वपूर्ण शीर्षकों के लिए किया जाना चाहिए, जबकि शेष टैग का उपयोग उप-शीर्षकों और कम महत्वपूर्ण पाठ के लिए किया जाना चाहिए।
खोज इंजन बॉट्स डिक्रिपरिंग करते समय इस आदेश का उपयोग करते हैं कि कौन सी जानकारी किसी पृष्ठ पर सबसे महत्वपूर्ण है।
आपका शीर्षक बनाना
चलो इसे बाहर की कोशिश करो HTML editor, में एक नई लाइन पर, टाइप करें:
<h1>My Page</ h1>
और बचाओ मारा। हम इस फाइल को "my Webpage" नामक एक नए फ़ोल्डर में "index.html" के रूप में सहेजेंगे।
ठीक है चलो दूर नहीं किया है; हमें अभी भी उन शानदार सुविधाओं का भार मिला है, जिन्हें हम आपके पृष्ठ में जोड़ सकते हैं।
How To Add Text In HTML In Hindi
हमारे HTML page पर टेक्स्ट जोड़ना टैग <p> के साथ खोले गए एक तत्व का उपयोग करके सरल है जो एक नया पैराग्राफ बनाता है। हम अपने सभी नियमित पाठ को तत्व <p> के अंदर रखते हैं।जब हम HTML में टेक्स्ट लिखते हैं, तो हमारे पास कई अन्य तत्व होते हैं जिनका उपयोग हम टेक्स्ट को नियंत्रित करने के लिए कर सकते हैं या इसे एक निश्चित तरीके से प्रकट कर सकते हैं।
Other Key Elements In HTML In Hindi
![]() |
Key Elements In HTML In Hindi |
ADD LINK (<a></a>) HTML In Hindi
जैसा कि आपने देखा होगा कि इंटरनेट बहुत सारे लिंक से बना है।वेब पर सर्फिंग के दौरान आप जिस चीज पर क्लिक करते हैं, वह लगभग एक लिंक होती है जो आपको उस वेबसाइट के दूसरे पेज पर ले जाती है, जहां आप जा रहे हैं या किसी बाहरी साइट पर।
लिंक <a> टैग द्वारा खोली गई विशेषता में शामिल हैं। यह तत्व पहला है जो हमें मिला है जो एक विशेषता का उपयोग करता है और इसलिए यह पहले उल्लेखित टैग के लिए अलग दिखता है।
Anchor Tag
<a> (या एंकर) उद्घाटन टैग प्रारूप में लिखा गया है:
<a href="https://www.computerinhindi.info/p/computer-in-hindi.html"> आपका लिंक पाठ यहां </a>
विशेषता का पहला भाग उस पृष्ठ की ओर इंगित करता है जो लिंक पर क्लिक करते ही खुल जाएगा।
इस बीच, विशेषता के दूसरे भाग में वह पाठ होता है जो आगंतुक को उस लिंक पर क्लिक करने के लिए लुभाने के लिए प्रदर्शित किया जाएगा।
यदि आप अपनी खुद की वेबसाइट का निर्माण कर रहे हैं, तो आप पेशेवर वेब होस्टिंग पर अपने सभी पृष्ठों की मेजबानी करेंगे। इस मामले में, आपकी वेबसाइट पर आंतरिक लिंक <a href=ertsmylinkedpage.htmlptions> Linktle यहाँ </a> होगा।
Create An Anchor Tag in HTML
चलो इसे बाहर की कोशिश करो अपने वर्तमान index.html पेज से कोड का एक डुप्लिकेट बनाएं। अपने HTML संपादक में इसे एक नई विंडो में कॉपी / पेस्ट करें।इस नए पृष्ठ को "page2.html" के रूप में सहेजें और यह सुनिश्चित करें कि यह आपके index.html पृष्ठ के समान फ़ोल्डर में सहेजा गया है।
Page2.html पर निम्न कोड जोड़ें:
<a href="http://www.google.com"> Google </a>
यह पेज 2 पर Google के लिए एक लिंक बनाएगा। हिट सहेजें और अपने index.html पेज पर लौटें।
Index.html पर एक नई लाइन पर निम्न कोड जोड़ें:
<a href="*folder(s)*/page2.html"> Page2 </a>
फ़ाइल के लिए फ़ोल्डर पथ सुनिश्चित करें (page2.html) सही है। अपने ब्राउज़र में index.html को सहेजें और पूर्वावलोकन करें।
यदि सब कुछ सही है तो आपको एक लिंक दिखाई देगा जो आपको आपके दूसरे पेज पर ले जाएगा। दूसरे पेज पर, एक लिंक होगा जो आपको google.com पर ले जाएगा।
ADD Images For HTML Page
आज के आधुनिक डिजिटल दुनिया में, चित्र सब कुछ हैं। <Img> Tag में आपकी साइट पर छवियां प्रदर्शित करने के लिए आवश्यक सब कुछ है। बहुत हद तक <a> लंगर तत्व, <img> में एक विशेषता भी होती है।विशेषता आपके कंप्यूटर के लिए स्रोत, ऊंचाई, चौड़ाई और छवि के संपूर्ण पाठ के बारे में जानकारी प्रदान करती है।
स्टाइलिंग और प्रारूप
आप आइटम पर राइट-क्लिक करके और 'गुण' का चयन करके किसी छवि के फ़ाइल प्रकार की जांच कर सकते हैं।
आप वर्ग विशेषता का उपयोग करके छवि के चारों ओर सीमाओं और अन्य शैलियों को भी परिभाषित कर सकते हैं। हालाँकि, हम इसे बाद के ट्यूटोरियल में शामिल करेंगे।
आम तौर पर ऑनलाइन छवि फ़ाइलों के लिए उपयोग किए जाने वाले फ़ाइल प्रकार हैं: .jpg, .png, और (कम और कम) .gif।
ऑल्ट टेक्स्ट यह सुनिश्चित करने के लिए महत्वपूर्ण है कि आपकी साइट खोज साइटों पर सही ढंग से रैंक की गई है और आपकी साइट पर दृष्टिहीन आगंतुकों के लिए भी है।
<Img> टैग आम तौर पर इस प्रकार लिखा जाता है:
<img src = "yourimage.jpg" alt = "चित्र का वर्णन करें" ऊँचाई = "X" चौड़ाई = "X">
Add Alt Text in HTML In Hindi
परीक्षण कोड के साथ खेलने से न डरें - यह सीखने के दौरान मज़े करने का एक शानदार तरीका है।अपनी पसंद की एक छवि (.jpg, .png, .gif प्रारूप) को उसी फ़ोल्डर में सहेजें, जहाँ आपने index.html और page2.html को सहेजा है। इस छवि को "testpic.jpg" कहें।
अपने HTML संपादक में एक नई पंक्ति में निम्नलिखित कोड दर्ज करें:
<img src = "testpic.jpg" alt = "यह एक परीक्षण छवि है" ऊँचाई = "42" चौड़ाई = "42">
अपने ब्राउज़र में index.html पृष्ठ को सहेजें और पूर्वावलोकन करें।
HTML Tutorial in Hindi for Making an HTML List
वेब डिज़ाइन में, 3 अलग-अलग प्रकार की सूचियाँ हैं, जिन्हें आप अपनी साइट पर जोड़ना चाह सकते हैं।
Ordered List
पहला एक <ol> है: यह सामग्री की एक क्रमबद्ध सूची है। उदाहरण के लिए:
- An item
- Another item
- Another goes here.
<Ol> टैग के अंदर हम प्रत्येक आइटम को <li> </ li> टैग के अंदर सूची में सूचीबद्ध करते हैं।
इसका एक उदाहरण है:
उपरोक्त के लिए प्रयुक्त कोड इस प्रकार है:
चलो इसे बाहर की कोशिश करो Index.html खोलें और एक नई पंक्ति में, निम्न HTML दर्ज करें:
अब सेव को हिट करें और अपने ब्राउज़र में परिणाम देखें। यदि सब कुछ काम कर गया है तो यह एक बुलेट-पॉइंटेड टेबल प्रदर्शित करेगा जो उपरोक्त जानकारी प्रदर्शित करेगा।
यह निश्चित रूप से इस Tutorial का सबसे जटिल हिस्सा है, हालांकि, इसे सीखना निश्चित रूप से लंबे समय में भुगतान करेगा।
इसे ध्यान में रखते हुए, टेबल अभी भी आपके पृष्ठ पर सामग्री प्रस्तुत करने का एक उपयोगी तरीका हो सकता है।
Table बनाते समय हमें <table> open tag के साथ एक element खोलना होगा। इस HTML tag के अंदर, हम Table पंक्तियों, <tr>, और कोशिकाओं, <td> का उपयोग करके तालिका की संरचना करते हैं।
HTML Table का एक उदाहरण इस प्रकार है:
यह प्रत्येक पंक्ति में 3 कोशिकाओं के साथ 2-पंक्ति तालिका का उत्पादन करेगा।
टेबल्स काफी जटिल हो सकते हैं, इसलिए हमारे विशेष HTML तालिकाओं के ट्यूटोरियल की जांच करना सुनिश्चित करें।
यहाँ तालिका में प्रस्तुत टेबल टैग हैं -
टेबल्स, बॉर्डर्स, रिक्ति को आमतौर पर CSS का उपयोग करके स्टाइल किया जाता है लेकिन हम इसे बाद के ट्यूटोरियल में कवर करेंगे।
आप हमारे पूर्ण शुरुआती HTML Tutorial in Hindi के अंत तक पहुँच चुके हैं।
अंतिम चरण जिसे हमें पूरा करने की आवश्यकता है वह निम्नलिखित HTML कोड का उपयोग करके प्रत्येक पृष्ठ के अंत में <body> और <html> टैग को बंद करना है।
आपने इन पृष्ठों में headings, text, images, links, lists and basic tablesजोड़ना भी सीख लिया है।
Now, What’s Next?
अब आप इस ज्ञान का उपयोग इन विशेषताओं वाले अपने स्वयं के Web Page बनाने और उन्हें एक साथ जोड़ने के लिए कर सकते हैं।
हमारा सुझाव है कि आप विभिन्न चर का उपयोग करके सीखे गए कोड के साथ प्रयोग करके अपने कौशल को और बढ़ाएँ। आप CSS का उपयोग करके अपने पृष्ठों को सुंदर बनाने के तरीके के बारे में भी जानना चाह सकते हैं।
अपनी खुद की Website बनाने की शक्ति अब आपके हाथ में है।
Index.html समस्या निवारण कोड:
page2.html troubleshooting code:
हमारे सबसे लोकप्रिय शुरुआती ट्यूटोरियल में शामिल हैं:
HTML tables in Hindi
ये ट्यूटोरियल आपकी सटीक आवश्यकताओं के लिए टेबल बनाने की प्रक्रिया के माध्यम से आपका मार्गदर्शन करते हैं। एक बार प्राथमिक साधन थे जिनके द्वारा पृष्ठ निर्धारित किए गए थे।
CSS को अपनाने के साथ, यह अब आवश्यक नहीं है। और अच्छे कारण के लिए, क्योंकि इससे ऐसे पृष्ठ बनाए गए जिन्हें बनाए रखना लगभग असंभव था। लेकिन प्रदर्शन तालिकाओं के उद्देश्य के लिए, HTML आपको उन सभी उपकरणों की पेशकश करता है जिनकी आपको आवश्यकता होगी।
LINK in HTML in Hindi
केवल पृष्ठ से पृष्ठ पर जाने की तुलना में लिंक के लिए बहुत कुछ है। इस ट्यूटोरियल में, आप सीखेंगे कि पेजों को कैसे नेविगेट करें और फ़ाइलों को डाउनलोड करें।
आप यह भी सीखेंगे कि अपने लिंक को यथासंभव उपयोगकर्ता के अनुकूल कैसे बनाया जाए। लिंक HTML का मूल है इसलिए यह महत्वपूर्ण सामग्री है।
HTML tables in Hindi
मार्केटिंग के साथ-साथ वेब एप्लिकेशन और बहुत कुछ बनाने के लिए फॉर्म महत्वपूर्ण हैं।
यह विस्तृत ट्यूटोरियल सीएसएस और जावास्क्रिप्ट के साथ रूपों के सबसे उन्नत उपयोगों के लिए आपको मूल बातें से मार्गदर्शन करेगा।
HTML Forms in Hindi
एक समय में, फ़ॉन्ट एक HTML tag था और इसने बनाए रखने योग्य वेब पेजों को एक बुरा सपना बना दिया था। अब हम फोंट और उनकी विशेषताओं जैसे वजन, शैली और आकार सेट करने के लिए CSS का उपयोग करते हैं।
और CSS का उपयोग करके, आप कोड के कुछ ही लाइनों को बदलकर उन्हें मौलिक रूप से बदलने की क्षमता के साथ अपने पृष्ठों के रूप को लगातार सेट कर सकते हैं। यह ट्यूटोरियल सभी को समझाता है।
Images In HTML In Hindi
image tag और CSS के उपयोग के साथ, आप बस कुछ भी आप चाहते हैं के बारे में कर सकते हैं।
लेकिन HTML5 के साथ, आपके पास चित्र और आंकड़ा तत्वों का जोड़ है। इस पूरी तरह से TUTORIALके साथ छवियों को सही करने का तरीका जानें।
SiteGround
यह सबसे अच्छी होस्टिंग कंपनियों में से एक है जिसके पास किसी भी प्रकार की होस्टिंग के लिए पूरी योजना है।
Bluehost
आधिकारिक तौर पर वर्डप्रेस द्वारा अनुशंसित पहला होस्ट। लेकिन वे किसी भी वेबसाइट के लिए एक अच्छे मेजबान हैं।
iPage
आसपास की सबसे सस्ती होस्टिंग कंपनियों में से एक। यदि आप गुणवत्ता और सुविधाओं को खोए बिना लागत कम रखना चाहते हैं, तो iPage एक अच्छा विकल्प है।
HostGator
सबसे अच्छा सभी के आसपास होस्टिंग कंपनियों - अच्छी तरह से बाहर की जाँच के लायक है।
WP इंजन
उच्च अंत वर्डप्रेस होस्टिंग के लिए नंबर एक होस्ट।
We Will Learn About the HTML Tutorial In Hindi With Examples in our next tutorials
Example For HTML List
![]() |
List In HTML In Hindi |
Unordered List In HTML
दूसरी प्रकार की सूची जिसे आप शामिल करना चाह सकते हैं वह है <ul> Unordered की गई सूची। इसे बुलेट पॉइंट सूची के रूप में बेहतर जाना जाता है और इसमें कोई संख्या नहीं होती है।![]() |
Unordered List In HTML |
इसका एक उदाहरण है:
Definition List in HTML In Hindi
अंत में, आप अपने पृष्ठ पर एक परिभाषा सूची <dl> शामिल करना चाह सकते हैं। <Dl> सूची का एक उदाहरण इस प्रकार है:HTML
Hypertext markup language एक प्रोग्रामिंग लैंग्वेज है जिसका इस्तेमाल वेब पेज बनाने के लिए किया जाता है और इसे वेब ब्राउजर द्वारा रेंडर किया जाता है।उपरोक्त के लिए प्रयुक्त कोड इस प्रकार है:
![]() |
HTML in Hindi |
चलो इसे बाहर की कोशिश करो Index.html खोलें और एक नई पंक्ति में, निम्न HTML दर्ज करें:
![]() |
Definition List HTML in Hindi |
अब सेव को हिट करें और अपने ब्राउज़र में परिणाम देखें। यदि सब कुछ काम कर गया है तो यह एक बुलेट-पॉइंटेड टेबल प्रदर्शित करेगा जो उपरोक्त जानकारी प्रदर्शित करेगा।
Learn How To Add Tables In HTML In Hindi
अपनी वेबसाइट को साफ सुथरा और व्यवस्थित रखने का एक और तरीका Table के उपयोग के माध्यम से है।यह निश्चित रूप से इस Tutorial का सबसे जटिल हिस्सा है, हालांकि, इसे सीखना निश्चित रूप से लंबे समय में भुगतान करेगा।
इसे ध्यान में रखते हुए, टेबल अभी भी आपके पृष्ठ पर सामग्री प्रस्तुत करने का एक उपयोगी तरीका हो सकता है।
Table बनाते समय हमें <table> open tag के साथ एक element खोलना होगा। इस HTML tag के अंदर, हम Table पंक्तियों, <tr>, और कोशिकाओं, <td> का उपयोग करके तालिका की संरचना करते हैं।
HTML Table का एक उदाहरण इस प्रकार है:
![]() |
Html Table In Hindi |
टेबल्स काफी जटिल हो सकते हैं, इसलिए हमारे विशेष HTML तालिकाओं के ट्यूटोरियल की जांच करना सुनिश्चित करें।
Learn Table Tags in HTML In Hindi
हालाँकि, इन टैगों को देखें ताकि आप उन्हें पहचान सकें और उनका उपयोग अपने कौशल के विकसित होने पर कर सकें।यहाँ तालिका में प्रस्तुत टेबल टैग हैं -
![]() |
Learn Table Tags in HTML In Hindi |
Close an HTML Document
आप हमारे पूर्ण शुरुआती HTML Tutorial in Hindi के अंत तक पहुँच चुके हैं।
अंतिम चरण जिसे हमें पूरा करने की आवश्यकता है वह निम्नलिखित HTML कोड का उपयोग करके प्रत्येक पृष्ठ के अंत में <body> और <html> टैग को बंद करना है।
आपने इन पृष्ठों में headings, text, images, links, lists and basic tablesजोड़ना भी सीख लिया है।
Now, What’s Next?
अब आप इस ज्ञान का उपयोग इन विशेषताओं वाले अपने स्वयं के Web Page बनाने और उन्हें एक साथ जोड़ने के लिए कर सकते हैं।
हमारा सुझाव है कि आप विभिन्न चर का उपयोग करके सीखे गए कोड के साथ प्रयोग करके अपने कौशल को और बढ़ाएँ। आप CSS का उपयोग करके अपने पृष्ठों को सुंदर बनाने के तरीके के बारे में भी जानना चाह सकते हैं।
अपनी खुद की Website बनाने की शक्ति अब आपके हाथ में है।
Troubleshooting in HTML
यदि आपकी इच्छानुसार चीजें काम नहीं करती हैं, तो बस नीचे दिए गए उदाहरणों के खिलाफ अपना HTML कोड जांचें।Index.html समस्या निवारण कोड:
![]() |
Troubleshooting in HTML |
![]() |
HTML troubleshooting code |
Our Other HTML Tutorials in Hindi
हमारे HTML Tutorials in Hindiआपको सिखाते हैं कि आप अपने व्यवसाय के लिए एक निजी वेबसाइट या साइट कैसे बना सकते हैं, बिना आपको अनावश्यक सिद्धांत सीखने के लिए मजबूर किए।हमारे सबसे लोकप्रिय शुरुआती ट्यूटोरियल में शामिल हैं:
HTML tables in Hindi
ये ट्यूटोरियल आपकी सटीक आवश्यकताओं के लिए टेबल बनाने की प्रक्रिया के माध्यम से आपका मार्गदर्शन करते हैं। एक बार प्राथमिक साधन थे जिनके द्वारा पृष्ठ निर्धारित किए गए थे।
CSS को अपनाने के साथ, यह अब आवश्यक नहीं है। और अच्छे कारण के लिए, क्योंकि इससे ऐसे पृष्ठ बनाए गए जिन्हें बनाए रखना लगभग असंभव था। लेकिन प्रदर्शन तालिकाओं के उद्देश्य के लिए, HTML आपको उन सभी उपकरणों की पेशकश करता है जिनकी आपको आवश्यकता होगी।
LINK in HTML in Hindi
केवल पृष्ठ से पृष्ठ पर जाने की तुलना में लिंक के लिए बहुत कुछ है। इस ट्यूटोरियल में, आप सीखेंगे कि पेजों को कैसे नेविगेट करें और फ़ाइलों को डाउनलोड करें।
आप यह भी सीखेंगे कि अपने लिंक को यथासंभव उपयोगकर्ता के अनुकूल कैसे बनाया जाए। लिंक HTML का मूल है इसलिए यह महत्वपूर्ण सामग्री है।
HTML tables in Hindi
मार्केटिंग के साथ-साथ वेब एप्लिकेशन और बहुत कुछ बनाने के लिए फॉर्म महत्वपूर्ण हैं।
यह विस्तृत ट्यूटोरियल सीएसएस और जावास्क्रिप्ट के साथ रूपों के सबसे उन्नत उपयोगों के लिए आपको मूल बातें से मार्गदर्शन करेगा।
HTML Forms in Hindi
एक समय में, फ़ॉन्ट एक HTML tag था और इसने बनाए रखने योग्य वेब पेजों को एक बुरा सपना बना दिया था। अब हम फोंट और उनकी विशेषताओं जैसे वजन, शैली और आकार सेट करने के लिए CSS का उपयोग करते हैं।
और CSS का उपयोग करके, आप कोड के कुछ ही लाइनों को बदलकर उन्हें मौलिक रूप से बदलने की क्षमता के साथ अपने पृष्ठों के रूप को लगातार सेट कर सकते हैं। यह ट्यूटोरियल सभी को समझाता है।
Images In HTML In Hindi
image tag और CSS के उपयोग के साथ, आप बस कुछ भी आप चाहते हैं के बारे में कर सकते हैं।
लेकिन HTML5 के साथ, आपके पास चित्र और आंकड़ा तत्वों का जोड़ है। इस पूरी तरह से TUTORIALके साथ छवियों को सही करने का तरीका जानें।
Headings In HTML in Hindi
शीर्षक पृष्ठ को तोड़कर पाठ को खड़ा करने का एक तरीका है।Paragraph in HTML
अनुच्छेद लाइन रिक्ति निर्धारित करते हैं।Italics
वर्ड प्रोसेसर की तरह इटैलिक टेक्स्ट बनाएं।Bold
बोल्ड टेक्स्ट कीवर्ड पर जोर देता है।Anchor
एंकर टैग का उपयोग आमतौर पर href विशेषता के संयोजन में लिंक बनाने के लिए किया जाता है।Unordered List in HTML in HINDI
बुलेट पॉइंट्स की अनकम्डर्ड लिस्ट में अनअॉर्डरेड लिस्ट टैग का इस्तेमाल होता है।List Item
सूची पर प्रत्येक पंक्ति सूची आइटम टैग द्वारा संलग्न है।Blockquote
ब्लॉकचॉट टैग का उपयोग लोगों से कोटेशन संलग्न करने के लिए किया जाता है। यह टैग पाठ के चारों ओर के भाव को अलग करने में मदद करता है।Horizontal Rule
एक क्षैतिज नियम एक सीधी रेखा है जो आमतौर पर एक वेबपेज के क्षेत्रों को विभाजित करने के लिए उपयोग की जाती है।Image
image tag in HTML को जानें कि अपने पृष्ठ में चित्रों को कैसे कोडित करें।Division
डिवीजन टैग सीएसएस के भीतर विशिष्ट लेआउट शैलियों को परिभाषित करता है।Guide For Web Hosting
SiteGround
यह सबसे अच्छी होस्टिंग कंपनियों में से एक है जिसके पास किसी भी प्रकार की होस्टिंग के लिए पूरी योजना है।
Bluehost
आधिकारिक तौर पर वर्डप्रेस द्वारा अनुशंसित पहला होस्ट। लेकिन वे किसी भी वेबसाइट के लिए एक अच्छे मेजबान हैं।
iPage
आसपास की सबसे सस्ती होस्टिंग कंपनियों में से एक। यदि आप गुणवत्ता और सुविधाओं को खोए बिना लागत कम रखना चाहते हैं, तो iPage एक अच्छा विकल्प है।
HostGator
सबसे अच्छा सभी के आसपास होस्टिंग कंपनियों - अच्छी तरह से बाहर की जाँच के लायक है।
WP इंजन
उच्च अंत वर्डप्रेस होस्टिंग के लिए नंबर एक होस्ट।
We Will Learn About the HTML Tutorial In Hindi With Examples in our next tutorials
0 Comments:
Post a Comment