Introduction of HTML - Learn web Deigning in Hindi
 |
HTML Series 1 |
HTML Series 1
Hello HTML के mybiggtan के Tutorial Series में आपका स्वागत है। यह Html Tutorial Series का पहला लेख है और हम यह जानेंगे कि HTML क्या है और HTML डॉक्यूमेंट की संरचना क्या है। हम बहुत मूल बातों के साथ शुरू करेंगे और Master HTML पर जाएंगे।
WHAT IS HTML?
HTML हाइपर-टेक्स्ट मार्कअप लैंग्वेज के लिए है। HTML का उपयोग वेब पेज बनाने और देखने के लिए इHTML किसी भी वेबपेज की Bare Bone Structure है। यहां तक कि यह Webpage जिसे आप यहाँ देख रहे हैं, HTML के साथ बनाया गया है। अन्य प्रोग्रामिंग भाषाओं की तरह, HTML को Compiled करने की आवश्यकता नहीं है, आप HTML कोड लिख सकते हैं और ब्राउज़र स्वचालित रूप से वेबपेज Generate करेगा।
अब आपको बस इतना पता होना चाहिए, हम ट्यूटोरियल की प्रगति के साथ महत्वपूर्ण Concepts पर चर्चा करते रहेंगे।
THINGS YOU WILL NEED
- एक text editor (मैं Notepad ++ का उपयोग कर रहा हूं)।
- एक Web browser (मैं Google Chrome का उपयोग कर रहा हूं)।
THE HTML DOCUMENT STRUCTURE
हम डॉक्यूमेंट में HTML लिखते हैं, यह एक फाइल है जिसमें HTML कोड होता है। जैसे आपके पास आपकी एक्सेल और वर्ड फाइल्स होती हैं जिन्हें आप डेटा स्टोर करते हैं, एचटीएमएल फाइलों में डेटा भी होता है। HTML Document भी कहा जा सकता है कि एक वेब पेज है। तो यहाँ एक HTML Document की संरचना है।
अब आप सोच रहे होंगे कि यह Coad क्या है। तो आइए हम इसे Decode करते हैं। पहली चीज़ जो आप देख रहे हैं <html>, यह एक टैग है। HTML डाक्यूमेंट्स में बहुत सारे टैग हैं। उनके अलग-अलग अर्थ हैं और विभिन्न Purposes के लिए उपयोग किया जाता है।
एक टैग इस तरह Open है <tagname> और इस तरह end होता है </ tagname> एक Backslash के साथ।
आप देख सकते हैं कि पहली पंक्ति में एक html टैग है और अंतिम पंक्ति पर भी एक समान है। पहला टैग <html> है और अंतिम टैग </ html> है, इसका मतलब है कि इन टैग के अंदर जो भी आता है वह html टैग का एक हिस्सा है।
आगे हम <head> टैग देखते हैं। तो एक HTML डॉक्यूमेंट में 2 भाग होते हैं। पहला एक Head है जिसमें वेब पेज के बारे में जानकारी होती है जैसे कि उसका नाम और अन्य Meta जानकारी। वेब पेज पर हेड टैग के Element Display नहीं होते हैं।
आपके ब्राउज़र में <body> टैग Display होता है। आप अपने वेब पेज पर जो कुछ भी देखते हैं वह <body> टैग का एक हिस्सा है।
अब हमें जल्दी से कुछ कोड लिखने में Dive लगाएँ। निम्नलिखित कोड को कॉपी करें और अपने टेक्स्ट एडिटर में पेस्ट करें।
<html>
<head>
</head>
<title>mybiggyan</>
<body>
<p>Welcome to mybiggyan’s HTML tutorial</p>
</body>
<html>
और फ़ाइल को सभी फ़ाइलों के रूप में Save और इसे index.html नाम दें। मैं इसे अपनी सुविधा के लिए अपने डेस्कटॉप पर mybiggyan फ़ोल्डर में Save कररहा हूं)।
 |
HTML Series 1 |
इस कोड में आपको केवल यही दिखाई देगा कि जो इसका <p> टैग है। <P> टैग एक पैराग्राफ टैग है, जो भी आप इसके अंदर लिखते हैं वह वेबपेज पर आउटपुट हो जाता है। अब आपके द्वारा बनाई गई फ़ाइल पर क्लिक करें और इसे हमारे ब्राउज़र ( Google Chrome) के साथ खोलें।
 |
HTML Series 1 |
आप देख सकते हैं कि हमारे वेबपेज पर कुछ टेक्स्ट दिखाई दे रहे हैं। यह हमारे लिए Success है। हमने Successfully एक वेबपृष्ठ बनाया है।
CONCLUSION
HTML (हाइपर टेक्स्ट मार्कअप लैंग्वेज) का इस्तेमाल वेब पेज बनाने के लिए किया जाता है। HTML डॉक्यूमेंट के 2 भाग होते हैं, Head और Body। Head में Web page के बारे में मेटा जानकारी होती है और Body में वे चीजें होती हैं जो वेब पेज पर Display होती हैं। एक वेब पेज पर विभिन्न Elements को बनाने और Defined करने के लिए HTML में विभिन्न Tags का उपयोग किया जाता है।
एक बार जब आप इसके साथ हो जाते हैं, तो आप इस Tutorial के अगले भाग में जा सकते हैं। यदि आपने Follow नहीं किया है, तो नीचे Comment करें।
No comments