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

इस ट्यूटोरियल लेख में, आप वह सब कुछ सीखेंगे जो आपको जानना चाहिए एचटीएमएल.

क्या है घोषणा?

NS घोषणा प्रत्येक में कोड की पहली पंक्ति है एचटीएमएल फ़ाइल। यह वेब ब्राउज़र को बताता है कि. का कौन सा संस्करण है एचटीएमएल एक विशिष्ट फ़ाइल के भीतर है।

का प्रत्येक संस्करण एचटीएमएल अद्वितीय है और इसके अपने नियम हैं। एचटीएमएल 5 भाषा का नवीनतम संस्करण है। यह डेवलपर्स के लिए अनुशंसित संस्करण है, साथ ही घोषित करने के लिए सबसे सरल संस्करण है। घोषित करने के लिए एचटीएमएल 5 दस्तावेज़, बस जोड़ें एचटीएमएल के लिए तत्व घोषणा।

आप नीचे एक उदाहरण देख सकते हैं:

क्या है उपनाम?

प्रत्येक एचटीएमएल दस्तावेज़, द घोषणा का पालन किया जाता है उपनाम। यह टैग दस्तावेज़ की जड़ की पहचान करता है, और यह संलग्न करता है तथा टैग।

NS टैग पहला खंड है, और इसमें शामिल है और टैग। हालांकि, कुछ मामलों में जब डेवलपर आंतरिक सीएसएस का उपयोग करना चुनता है, तो टैग को टैग के भीतर भी रखा जाता है।

HTML दस्तावेज़ में केवल एक टैग है। टैग में एक वेब पेज का शीर्षक होता है, और यह जानकारी वेब ब्राउज़र के टैब क्षेत्र में दिखाई देती है।

आप शीर्षक टैग का उदाहरण नीचे देख सकते हैं:

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


 विवरण  टैग सामग्री विशेषता में आपके वेब का विवरण होता है पृष्ठ। यह वह डेटा है जो एक खोज इंजन परिणाम में प्रदर्शित होता है, जो एक संभावित आगंतुक को बताता है कि किसी वेबसाइट पर क्या उम्मीद करनी है। 
 नीचे एक कीवर्ड है  टैग उदाहरण: 



 कीवर्ड  टैग में ऐसे शब्द या वाक्यांश शामिल हैं जो प्रासंगिक हैं आपकी वेबसाइट। कीवर्ड सामग्री विशेषता को असाइन किया गया प्रत्येक नया शब्द या वाक्यांश अल्पविराम द्वारा अलग किया जाता है, जैसा कि आप ऊपर दिए गए उदाहरण में देख सकते हैं। 
 नीचे व्यूपोर्ट  टैग उदाहरण है: 



 व्यूपोर्ट  टैग आपके वेब पेज को रिस्पॉन्सिव डिजाइन बनाने में मदद करता है। विभिन्न डिवाइस प्रकार। 
  टैग क्या है?
  टैग  रूट टैग के भीतर दूसरा मुख्य खंड है।  टैग में वेब पेज पर प्रदर्शित होने वाला प्रत्येक तत्व होता है। 
  टैग वाले तत्वों को इनलाइन या ब्लॉक तत्वों के रूप में वर्गीकृत किया जाता है। यदि आप एक पूर्ण HTML अनिवार्य चीट शीट देखना चाहते हैं, तो हमने एक को एक साथ रखा है ताकि आप सब कुछ आसानी से समझ सकें। 
 Block Elements क्या हैं?
 Block Elements हमेशा एक नई लाइन पर शुरू होते हैं, और वे उस लाइन की पूरी चौड़ाई पर कब्जा कर लेते हैं जो वे चालू है। 
 आपके द्वारा उपयोग किए जाने वाले कुछ ब्लॉक तत्वों में शामिल हैं: 

शीर्षक टैग
द 
 टैग
 टैग
 टैग

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

 शीर्षक टैग का उपयोग वेब पेज पर शीर्षकों पर किया जाता है। एक विशिष्ट शीर्षक टैग का उपयोग वेबपेज पर शीर्षक की स्थिति पर निर्भर करता है। उदाहरण के लिए, 
 टैग का उपयोग वेब पेज के पहले शीर्षक पर किया जाता है, और वेब पेज केवल एक h1 तत्व का उपयोग करता है (हालांकि इसमें कई h2, h3 और h4 तत्व हो सकते हैं)। 

 आप नीचे क्रिया में 
 टैग का एक उदाहरण देख सकते हैं: 
 HTML की मूल बातें सीखना 

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


Lorem ipsum dolor Sit amet consectetur adipisicing elit. वेलिट एलिकिड ए कपिडिटेट
इन्वेंटोर, रीसीइंडिस ईयरम इलुम मोलिटिया डिग्निसिमोस ऑफिसिया, कुल्पा कमक्यू डोलोरेम
क्विडेम एटक्यू मायोरेस, एड टेम्पोरा क्विया। रेपुडियांडे, डेलेक्टस!



 
 क्या है टैग?
 
 टैग एक विभाजन का प्रतिनिधित्व करता है। इसका उपयोग स्टाइलिंग या कार्यात्मक उद्देश्यों के लिए अन्य HTML तत्वों के समूहों के लिए कंटेनर बनाने के लिए किया जाता है। 
 उदाहरण के लिए, यदि आप ग्रिड के साथ काम कर रहे हैं, तो आपको सभी ग्रिड तत्वों को एक कंटेनर में रखना होगा। कंटेनर बनाने के लिए आपको 
 टैग का उपयोग करना होगा। 
संबंधित: सीएसएस ग्रिड के साथ द्वि-आयामी वेबसाइट बनाना सीखें
 HTML में सूचियां बनाने के लिए 
 और 
 टैग का उपयोग किया जाता है। 
 टैग आदेशित सूचियां बनाता है, जबकि 
 टैग अनियंत्रित सूचियां बनाता है। हालांकि, दोनों टैग 
 टैग का उपयोग करते हैं, जो सूची आइटम बनाता है। 

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

 आप नीचे एक उदाहरण देख सकते हैं: 


पहला आइटम

< ली>दूसरा आइटम
तीसरा आइटम
 मामले पत्र। 
 टैग का उपयोग करना
  
 टैग में एक type विशेषता, जो कई मानों में से एक लेता है: अर्थात् डिस्क, वृत्त, या वर्ग। हालांकि, डिस्क एक अनियंत्रित सूची में एक नई सूची आइटम का डिफ़ॉल्ट संकेतक है। 

 नीचे एक उदाहरण दिया गया है कि एक अनियंत्रित सूची कोड रूप में क्या चाहती है: 


पहला आइटम

दूसरा आइटम

तीसरा आइटम





 इनलाइन तत्व क्या हैं?
 एक इनलाइन तत्व नहीं है एक नई लाइन पर शुरू करें। यह अगली उपलब्ध स्थिति से शुरू होता है, जो एक नई लाइन पर हो भी सकता है और नहीं भी, और यह केवल उतनी ही चौड़ाई का उपयोग करता है जितनी आवश्यक है। आपके द्वारा उपयोग किए जाने वाले कुछ इनलाइन तत्वों में शामिल हैं: 


  टैग 

  टैग 

  टैग 
  टैग 
  टैग 

 हम इनमें से प्रत्येक पर अधिक गहराई से चर्चा करेंगे नीचे। 
  टैग क्या है?

  टैग का उपयोग इनलाइन स्टाइलिंग उद्देश्यों के लिए किया जाता है। उदाहरण के लिए, यदि आप किसी अनुच्छेद के भीतर किसी विशिष्ट शब्द या वाक्यांश की शैली को बदलना चाहते हैं, तो आप  टैग का उपयोग कर सकते हैं। 
 नीचे इस टैग का एक उदाहरण दिया गया है: 

लोरेम इप्सम डोलर सिट एमेट कॉन्सेक्टेटूर एडिपिसिसिंग एलीट। वेलिट एलिकिड ए कपिडिटेट
इन्वेंटोर, रीसीइंडिस ईयरम इलुम डिग्निसिमोस ऑफिसिया ,culpa cumque dolorem
quidem atque maiores, ad tempora quia। रिपुडियांडे, डेलेक्टस!



 में  टैग का उपयोग करना ऊपर दिया गया उदाहरण यह सुनिश्चित करता है कि  टैग के भीतर के दो शब्दों में अब एक अद्वितीय हो सकता है अंदाज। 
  टैग क्या है?

  टैग का उपयोग वेबपेज पर लिंक बनाने के लिए किया जाता है।  टैग एक डेवलपर को एक ही वेबसाइट (आंतरिक लिंक) पर एक अलग वेबसाइट (बाहरी लिंक) या एक अलग वेब पेज से लिंक करने की अनुमति देता है।  टैग की दो महत्वपूर्ण विशेषताएं हैं—href और target। 
 href विशेषता आवश्यक है, क्योंकि यह लिंक स्थान के मूल्य को संग्रहीत करता है। और लक्ष्य विशेषता आवश्यक है क्योंकि यह उपयोगकर्ता को एक नए टैब में लिंक खोलने की अनुमति देता है। लक्ष्य विशेषता के बिना, वर्तमान टैब में एक लिंक खुलेगा, और यदि यह एक बाहरी लिंक है, तो यह आपकी वेबसाइट से ट्रैफ़िक को दूर कर देगा। 
  सक्रिय टैग के उदाहरण के लिए नीचे देखें: 
Google के लिए इस लिंक पर क्लिक करें
 HTML सीखना है प्रोग्रामर्स के लिए आवश्यक
 HTML सीखना सभी प्रोग्रामर के लिए महत्वपूर्ण है और इसे आपके बेसिक्स का निर्माण करना चाहिए अध्ययन करते हैं। सौभाग्य से, हालांकि, यह भी बहुत जटिल नहीं है। 
 इस गाइड को पढ़ने के बाद, आपके पास वेबसाइटों को बेहतर तरीके से फ़ॉर्मेट करना शुरू करने के लिए आवश्यक सब कुछ होना चाहिए। 

साझा करेंसाझा करेंट्वीट span>ईमेल


एक कैस्केडिंग स्टाइल शीट्स (सीएसएस) का परिचय
सीएसएस के साथ ब्लेंड एचटीएमएल वेबपेजों और चीजों को मसाला देने के लिए तैयार हैं? आरंभ करने के लिए आपको आवश्यक मार्गदर्शिका यहां दी गई है।

आगे पढ़ें

संबंधित विषय

प्रोग्रामिंग
HTML

कोडिंग युक्तियाँ 
प्रोग्रामिंग


के बारे में लेखक



कदीशा कीन (27 लेख Published)
कदीशा कीन एक फुल-स्टैक सॉफ्टवेयर डेवलपर और टेक्निकल/टेक्नोलॉजी राइटर हैं। उसके पास कुछ सबसे जटिल तकनीकी अवधारणाओं को सरल बनाने की विशिष्ट क्षमता है; उत्पादन सामग्री जिसे किसी भी तकनीकी नौसिखिए द्वारा आसानी से समझा जा सकता है। वह लिखने, दिलचस्प सॉफ्टवेयर विकसित करने और दुनिया की यात्रा (वृत्तचित्रों के माध्यम से) के बारे में भावुक हैं।
कदीशा कीन से अधिक



हमारे न्यूज़लेटर की सदस्यता लें
तकनीकी युक्तियों, समीक्षाओं, निःशुल्क ई-पुस्तकों और अनन्य सौदों के लिए हमारे न्यूज़लेटर से जुड़ें!
यहां क्लिक करें प्रति सब्सक्राइब करें