HTML Language क्या है ? Web development के लिए html language सिकना ज़रूरी है आइये जानते हैं ,इस आर्टिकल में पूरा प्रोसस वो भी आसन शब्दों में, दोस्तों आर्टिकल को अंत तक पढ़े और आप html के बारे में बहुत कुछ जान सकते हैं|
html का तात्पर्य hyper text markup language है| वेब पेज के निर्माण के लिए ये लैंग्वेज़ सबसे अधिक लोकप्रिय है| 1991 में टीम बर्नर ली ने इसका अविष्कार किया था परन्तु 1995 मई HTML 2.0 को पहला standard HTML बनाया गया था | ब्राउज़र वेब पेज को आसानी से पढ़ उसे हमारे लिए धेकने के योग्य बनाता है | ब्राउज़र HTML टैग और script display नहीं करते हैं, लेकिन पेज के content कि व्याख्या करने के लिए इनका उपयोग करते हैं|
अन्य शब्दों में , हाइपर text : हाइपर text का मतलब है "text के भीतर text "| एक text के भीटर एक लिंक है , हाइपरटेक्स्ट है| हर बार आप एक शब्द पर क्लिक करते हैं जो आपको नए webpage पर लता है,तो आपको एक हाइपरटेक्स्ट पर क्लिक किया है|
मार्कअप language एक मार्कअप भाषा एक programming भाषा है जिसका उपयोज text को आशिक interactive और dynamic बनाने के लिए किया जाता है | HTML में बनी फाइल ASCLL text फाइल होती है ,जिसे किसी भी साधारण editor से edit कर सकते हैं|
HTML Version : वेब के शुरुआती दिनों से ही html के कई संस्करण आ चुके हैं (Since the early days of web , there have been many versions of html)
Version Year |
HTML : 1991 |
HTML 2.0 : 1995 |
HTML 3.2 : 1997 |
HTML 4.01 : 1999 |
XHTML : 2000 |
HTML 5 : 2014 |
सभी html document एक ही basic structure को follow करता है ताकि फाइल को प्रस्तुत करने वाला ब्राउज़र समान रूप से यह जाने कि उसे HTML निर्देशों के साथ क्या करना है| basic structure ,जिस पर सभी वेब पेज बनाए जाते हैं,कुछ इस तरह दिखता है:
01. Head : head element में वह जानकारी होती है जिसे आप वेब पेज title और डेटा होता है|
02. Body : Body element में वह जानकारी होती हैं जिसे आप वेब पेज पर display करना चाहते हैं|
Below figure shows the basic structure of HTML :
<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE> TECHNOLOGY</TITLE>
</HEAD>
<BODY>
<H1> Heading</H1>
<P> Paragraph 1 </P>
<P> Paragraph 2 </P>
</BODY>
</HTML>
इसके आलावा html पेज में कुछ अन्य element भी हैं,जो निचे दिए गए हैं-
# code कि पहली लाइन , <!DOCTYPE HTML> एक doctype declaration कहलाती है और ब्राउज़र को बताती है कि पेज का HTML code किस version में लिखा गया है | इस मामले में,हम doctype का उपयोग कर रहें हैं HTML5 से मेल खाता है ,और html language का सबसे अधिक update version हैं| html के विभिन्न versions के अनुरूप कई अलग -अलग doctype declaration बनाए गए हैं |
# <html > टैग ब्राउज़र को बताता है कि यह एक HTML document है| <html > टैग एक html document के रुट को represents करता हैं| <html >टैग अन्य सभी html element (<!DOCTYPE> टैग को छोरकर ) के लिए container कि तरह काम करता है|
#<HEAD > टैग एक अन्य टैग है जिसका उपयोग HTML document में प्रारंभिक और प्राथमिक स्तर पर उपयोग किया जाता है ताकि ब्राउज़र विंडो में display होने के लिए शीर्षक डाला जा सके | हम अपने इनफार्मेशन को ओपनिंग और क्लोजिंग टैग के बिच रखते हैं ताकि यह पेज के बारे में कुछ इनफार्मेशन बताये|
#<title > टैग एक प्राथमिक स्तर या प्रवेश स्तर का html टैग है , जिसका उपयोग title बार पर title कि जानकारी प्रदान करने के लिए किया जाता है जिसे आप उपयोग किये जा रहे वेब ब्राउज़र के title बार में display करेंगे |
#<body >......</body >टैग में लिखा गया text किसी पेज के कंटेंट जो ब्राउज़र पर दिखाई देंगे का वर्णन करता है|यह एक और html टैग है जिसे html document का मुख्य भज मन जाता है|जैसा कि आपने उपर html document में उपयोग किये गए प्रत्येक टैग को बंद कर दिया था,उसी तरह आप <body > टैग को भी क्लोगिंग टैग </body > के साथ लगायेगें और बंद कर देंगे|
# <h1 > और </h1 >के बिच का text एक शीर्षक का वर्णन करता है|
#<p >और </p > के बिच का text paragraph का वर्णन करता है|
what is an Element - एलिमेंट क्या है -
एक element एक वेब पेज का हिस्सा है | XML और HTML में, एक element में डेटा आइटम या text का एक हिस्सा या एक इमेज हो सकता है, या शायद कुछ भी नहीं | एक विशिस्ट element में कुछ attributes के साथ एक ओपनिंग टैग , संलगन text content और एक क्लोजिंग टैग शामिल है|
<p class=" nice " > hello world ! </P>
element और tag समान चीजें नहीं हैं| source code में किसी element का टैग सुरु या क्लोज होता है, जबकि element DOM (document object model ) का सिस्सा होते हैं , ब्राउज़र में पेज display करने के लिए document model होता है|
# html टैग element name angle brackets '<>' में होते हैं|
Head Section & Elements of Head Section
head सेक्शन उन element के समूह का एक container हैं जो document के लिए मेटाडेटा प्रदान करते हैं|यह मेटाडेटा title element , character set , author , description या वेब पेज ( मेटा element ) के कीवर्ड , एक स्टाइल शीट या रिलेशन इनफार्मेशन (लिंक element ) या एम्बेडेड स्टाइल declarations (स्टाइल element ) , आदि को स्पेशिफाई कर सकता है|किसी html के head सेक्शन के अंदर title element कि उपस्थिति अनिवार्ज है| अधिकांश मेटाडेटा ब्राउज़र display नहीं होते हैं ( हलाकि title आमतोर पर ब्राउज़र बार में दिखाई देता है ) लेकिन यह पेज कि कर्यक्षमता के लिए उपयोगी हो सकता है|
धन्यवाद ! दोस्तों मुझे आशा है की आपको यह आर्टिकल अच्छा एवं यूनिक लगा होगा तो इस ब्लॉग को subscribe करे और इस तरह के आर्टिकल के लिए हमें mail करे |