HTML Introduction - ldkalink

-
HTML Introduction: एचटीएमएल एक तरह का स्टैंडर्ड मार्कअप लैंग्वेज है जिसका उपयोग वेब पेज बनाने के लिए किया जाता है। 


html-kya-hai-Introduction
HTML Introduction


HTML क्या है/What is HTML in Hindi


  • HTML का  इसका पूरा नाम (full name) हाइपर टेक्स्ट मार्कअप लैंग्वेज है। 
  • HTML का उपयोग वेब पेज क्रिएट करने के लिए किया जाता है और यह एक स्टैंडर्ड का मार्कअप लैंग्वेज है
  • HTML द्वारा वेब पेज के स्ट्रक्चर को डिस्क्राइब किया जाता है
  • HTML जो की एलिमेंट्स की एक सीरीज होती है
  • HTML एलिमेंट्स के द्वारा ब्राउज़र को यह बताया जाता है कि यह कंटेंट को किस तरह से डिस्प्ले करेगा।
  • HTML एलिमेंट्स में कंटेंट के अलग-अलग टुकड़े को एक अलग नाम दिया जाता है जैसे कि यह एक शीर्षक है या एक पैराग्राफ है या एक लिंक है आदि।

अब हम एक HTML डॉक्युमेंट यानी कि एक सिंपल HTML डॉक्युमेंट के लिए जो जरूरी कोड होता है उसके बारे में जानते हैं।

HTML का simple document 

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

ऊपर दिए गए कोड के बारे में अब हम जानते हैं कि यह जो कोड लिखा गया है।

Example/उदाहरण से समझे


  • <!DOCTYPE html> इस कोड से यह पता चलता है कि यह HTML5 वर्जन का एक डॉक्यूमेंट है
  • <html> एलिमेंट जो की एचटीएमएल पेज का ही एक रूट एलिमेंट होता है
  • <head> एलिमेंट का उपयोग करके एचटीएमएल पेज के बारे में उसके में मेटा इनफॉरमेशन को बताया जाता है
  • <title> एलिमेंट द्वारा एचटीएमएल पेज के टाइटल को दर्शाया जाता है आपने कभी भी नोटिस किया होगा जब हम किसी वेबपेज को ओपन करते है तो ब्राउजर के टाइटल बार या टैब के पेज में कुछ नाम दिखाई देता है यह इसी के द्वारा ही डिस्प्ले कराया जाता है
  • <body> एलिमेंट डॉक्यूमेंट के बॉडी को डिफाइन करता है और इसमें सभी तरह के कंटेंट जैसे की हेडिंग, पैराग्राफ, इमेज हाइपरलिंक, टेबल लिस्ट आदि सभी के लिए एक कंटेनर बनाते है 
  • <h1> एलिमेंट क्या बताता है कि यह वेब पेज का सबसे बड़ी हेडिंग है यानी इस पेज की मैन हेडिंग है हर वेबपेज में एक मैन हेडिंग होता है इसे <h1> से दर्शाया जाता है
  • <p> एलिमेंट्स एक पैराग्राफ को बताता है कि यह एक पैराग्राफ है

HTML elements क्या होता है?


एक HTML एलिमेंट जो कि यह बताता है कि यह एक स्टार्ट टैग से शुरू होता है और इसके बीच में कुछ कंटेंट होते हैं और फिर लास्ट में एंड टैग द्वारा इसे क्लोज कर दिया जाता है:

 <tagname>content </tagname>


HTML एलिमेंट ही सब कुछ होता है जो की स्टार्ट टैग से शुरू होता है और एंड टैग पर खत्म हो जाता है

<h1> LDKALINK </h1> 
<P> ldkalink.com is best knowlegde sharing blog.</P>


Note: कुछ एलिमेंट्स में कंटेंट नहीं होते जैसे कि <br> एलिमेंट इसमें कंटेंट नहीं होता है यह एलिमेंट्स एक तरह से खाली एलिमेंट्स कहलाते हैं empty एलिमेंट्स में एंड टैग की जरूरत नहीं होती है।


वेब ब्राउजर


कुछ ऐसे ब्राउज़र है जो काफी पॉप्युलर है जैसे कि क्रोम, एज, फायरफॉक्स, सफारी यह सभी एचटीएमएल डॉक्यूमेंट को अच्छी तरह से रीड करते हैं और कंटेंट को करेक्टली डिस्प्ले भी करते हैं।


HTML पेज का स्ट्रक्चर


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

HTML का इतिहास


वर्ल्ड वाइड वेब से शुरुआत होकर अब तक एचटीएमएल के कई सारे वर्जन आ चुके हैं अब हम जानेंगे कि कौन सा वर्जन कब आया: 

  • 1989 - सबसे पहले www का आविष्कार टीम बर्नर ली द्वारा किया गया था जिसमे www का फुल फॉर्म वर्ल्ड वाइड वेब होता है।
  • 1991 - टीम बर्न्स ली द्वारा एचटीएमएल का भी आविष्कार किया गया
  • 1993 - Dave Raggett HTML+ लाया गया
  • 1995 - एचटीएमएल वर्किंग ग्रुप द्वारा एचटीएमएल का नया वर्जन यानी HTML2.0 लाया गया
  • 1997 - w3C रिकमेंडेशन HTML3.2
  • 1999 -  w3C रिकमेंडेशन HTML4.01
  • 2000 -  w3C रिकमेंडेशन XHTML1.0
  • 2008 - WHATWG HTML5 पहले पब्लिक ड्राफ्ट आया
  • 2012 - WHATWG HTML5 living standered
  • 2014 - w3C रिकमेंडेशन HTML5
  • 2016 - w3C रिकमेंडेशन HTML5.1
  • 2017 - w3C रिकमेंडेशन HTML5.1 का सेकंड एडिशन आया
  • 2017 - w3C रिकमेंडेशन HTML5.2

HTML ट्यूटोरियल में हम जिस एचटीएमएल के वर्जन के बारे में बात करने वाले हैं वह एचटीएमएल का लेटेस्ट वर्जन यानी की HTML5 स्टैंडर्ड के बारे में विस्तार से जानने वाले हैं।

Related Post: 

Posted by LD

टिप्पणियाँ

एक टिप्पणी भेजें

please do not enter any spam link in the comment box.

Popular Posts

संतुलित बल और असंतुलित बल - ldkalink

-
संतुलित बल और असंतुलित बल (balanced and unbalanced force): इससे पहले वाले आर्टिकल में हमने बल के बारे में विस्तार से जाना था पर अभी हम Santulit bal और  asantulit bal के बारे में उदाहरण के साथ जानने वाले है। 
view answer

Fake smile Quotes in Hindi - ldkalink

-
Fake smile Quotes in Hindi:  इस आर्टिकल में  fake smile status  से रिलेटेड बहुत सारे  words  और shayari है यदि आप sad fake smile quotes Hindi me  for girls and boys चाहते है तो आप सही जगह पर है।  
view answer

image file formats क्या है - ldkalink

-
Image file format  क्या है: 10 Type of image format   list में इमेज के कई प्रकार होते है और इन सब का उपयोग इनके जरूरत के आधार पर अलग समय में अलग अलग जगह पर किया जाता है कुछ इमेज फॉर्मेट जैसे की jpeg, png, raw, tiff, gif, pdf, psd, indd,   eps, Ai आदि है।    इन सभी तरह के इमेज फॉर्मेट का उपयोग कब और कैसे किया जाता है इसके बारे में www.ldkalink.com पर निचे विस्तार से बताया गया है।  image file format क्या है 10 Types of image file extensions आज हम उन सभी  image file formats in Hindi   के बारे में  Examples के साथ   बात करने वाले है जो अलग अलग तरह के  image file extensions  के लिए multimedia के रूप में computer तथा mobiles में यूज़ किये जाते है।    JPEG (JPG) - joint photographic experts group  PNG (portable network graphics) GIF (graphics interchange format) TIFF (tagged image file format) Raw - Raw image formats PDF (portable document format) PSD (Photoshop document) INDD (in Design document)  EPS (encapsula...
view answer

अदिश राशि और सदिश राशि में अंतर - ldkalink

-
अदिश राशि (scalar quantity) और सदिश राशि (vector quantity): आज हम अदिश राशि और सदिश राशि के बारे में बात करने वाले है की आखिर adish rashi (scalar quantity) और sadish rashi (vector quantity) में anter (difference) क्या होता क्या होता है।  कौन कौन से राशि अदिश और सदिश राशि होती है और अदिश राशि तथा सदिश राशि की पहचान कैसे करे इन सब के बारे में आज हम इस आर्टिकल में बात करने वाले है।  अदिश राशि और सदिश राशि में अंतर अदिश और सदिश राशि में अंतर क्या है  Scalar and vector quantity definition in Hindi: सबसे पहले हम Adish rashi और sadish rashi को इसकी परिभाषा (Peribhasha) से समझते है ऐसी भौतिक रशिया जिनमे केवल परिणाम होता है अदिश राशि कहलाती है जैसे की   दूरी, छेत्रफल, द्रव्यमान, समय, तापमान, विधुत धरा, घनत्व, आयतन इत्यादि।  पर जिन राशियों में परिणाम और दिशा दोनों होती है इन्हे सदिश राशि कहते है जैसे की वेग, बल, संवेग, चुम्बकीय आघूर्ण, ताप प्रवणता, विद्युत द्विध्रुव आघूर्ण इत्यादि । अदिश राशि का उदहारण/Scalar quantity example  अदिश राशि की पहचान कैसे...
view answer

blogger template कैसे create करे from scratch - ldkalink

-
Custom blogger template कैसे बनाये: ब्लॉगर यह एक content management system (CMS) है यहाँ से हम अपने लिए एक website create कर इसकी सहायता से अपने नॉलेज को बड़ी ही आसानी से लोगो तक पहुंचा सकते है।    website या Blog बनाने के लिए एक Domain name के साथ एक Template की भी जरूरत होती है क्यों हर साइट का अपना    एक   अलग नाम और लुक होता है internet पर कभी भी एक नाम के दो साइट नहीं हो सकते है।  वैसे तो इंटेंटनेट पर कई सारे पहले से बना हुआ फ्री और पेड दोनों तरह के टेम्पलेट मौजूद होते है free वाले टेम्पलेट में कुछ लिमिटेशन होता है और पेड वर्शन में कुछ सुविधाएं और दे दी जाती है।  पर इसे हम अपने तरीके से पूरी तरह कस्टमाइज नहीं कर सकते है इसलिए हमें एक कस्टम ब्लॉगर टेम्पलेट क्रिएट करने की जरूरत होती है जिसे हम अपने तरीके से बना सकते है। लेकिन यदि आप खुद से यानि blogger में manual method से Custom template कैसे create करते है इसके बारे में जानना चाहते है तो आज से इस आर्टिकल में हम how to make a blogger template हिंदी में सिखने वाले है यानि blogger में custom templ...
view answer

एक समान वृत्तीय गति (uniform circular motion)

-
एक समान वृत्तीय गति ( ek saman vrittiya gati ): इससे पहले हमने गति के बारे में जाना था की गति आखिर होता क्या है पर इस आर्टिकल में आज हम जानने वाले हैं कि ek saman vrittiya gati kise kahate hain  या क्या होता है और फिर इसे इसके उदाहरण ( udaharan/examples ) से समझने वाले हैं। सबसे पहले हम यह जान लेते है की एक समान वृत्तीय गति को इंग्लिश (in English) में क्या कहते है एक समान वृत्तीय गति का अंग्रेजी नाम   " uniform circular motion " होता है।   एक समान वृत्तीय गति (uniform circular motion)  किसे कहते है कोई भी वस्तु गति में है हम तभी कहते हैं जब उसके स्थिति में समय के साथ परिवर्तन होता है लेकिन वृत्तीय गति का मतलब है कि कोई वस्तु वृत्तीय मार्ग में गति कर रहा है।  इसका मतलब एक गोल एरिया में अर्थात वृत्त की परिधि पर वस्तु गति कर रही है अब एक समान वृत्तीय गति का अर्थ यह है कि कोई वस्तु एक समान चाल से वृत्तीय पथ पर गति कर रही है।  जब वृत्तीय मार्ग में वस्तु समान समय में समान दूरी तय कर रही होती है तब वस्तु द्वारा इस प्रकार की गति को एक समान वृत्तीय गति...
view answer

अभ्यास ही सफलता की कुंजी motivational story - ldkalink

-
अभ्यास ही सफलता की कुंजी motivational story in Hindi: आज के इस आर्टिकल में हम अभ्यास ही सफलता की कुंजी होती है को प्रेरणादायक कहानी (prernadayak kahani) को एक साधारण से कहानी के रूप में समझने वाले हैं। 
view answer

Blogger किसे कहते है कैसे बने - ldkalink

-
Blogger किसे कहते है : इससे पहले भी हमने एक वर्ड Blog के बारे में बात की थी इसमें बताया गया था की यह होता क्या था लोग blog क्यों बनाते है पर आज हम इसी ब्लॉग वर्ड से रिलेटेड एक वर्ड Blogger के बारे में जानेंगे की आखिर यह होता क्या है ब्लॉगर कौन होता है क्यों बनते है और इसके क्या क्या फायदे है।   कई सारे लोग सिर्फ keyword research करके ब्लॉग पर इनफार्मेशन शेयर करने को ही एक ब्लॉगर मानते है अगर ऐसा होता तो आज हर पर्सन ब्लॉगर बन गया होता घर पर बैठ कर ही आराम से online पैसा कैसे कमाए पर आर्टिकल लिखते रहते।  पर ऐसा बिल्कुल भी नहीं है Blogger meaning का अगर सही मायने में अर्थ समझे तो इसमें कई सारे चीजे भी शामिल हो जाता है जिसके बारे में अभी हम विस्तार से जानने वाले है।  Blogger किसे कहते है कैसे बने Blogger किसे कहते है  Blogger meaning in Hindi सबसे पहले हम Blogger का अर्थ यानि Blogger meaning in Hindi क्या होता है ब्लॉगर का हिंदी में मतलब एक  चिट्ठाकार  होता है " वह व्यक्ति जो रेगुलर अपने ब्लॉग पर किसी टॉपिक पर आर्टिकल लिखते रहता है " अपने knowledge को लो...
view answer

LSI keywords क्या है कैसे use करे - ldkalink

-
LSI keywords kya hai : latent semantic indexing keywords यह नाम सुनने में तो बड़ा अजीब ही लगता है पर सुनने में यह जितना difficult लग रहा है इसे समझना उतना ही आसान भी है इसीलिए इसे लास्ट तक जरूर रीड करे ताकि Free SEO के इस course में कोई इंपोर्टेंट प्वाइंट आपने छूट न हो जाए। LSI keywords क्या है कैसे use करे तो चलिए अब हम बात करते है LSI keywords की आखिर यह होता क्या है इसका इस्तेमाल कैसे करे, इसे कैसे सर्च करे या ढूंढे, इसके क्या फायदे है इन सारे questions के जवाब आपको इसी आर्टिकल में मिलने वाला है इससे पहले यदि आपने Informational keywords क्या होता है इसे नहीं पढ़ा है तो इसे भी जरूर रीड करे क्यों की यह भी seo के लिए बहुत ही इंपोर्टेंट होता है।   इससे पहले भी हमने www.ldkalink.com पर google algorithms के बारे में जाना था जिसमे rank brain को describe किया गया था और यह 2015 में आया था इसमें user के इंटेंशन पर फोकस किया गया था।  यानी यूजर के द्वारा जो query की जा रही है इसके पीछे इसका intention क्या है यह कीवर्ड क्यों search किया जा रहा है इसको समझने पर जोर दिया गया।  ...
view answer

Translate