नमस्कार दोस्तों इस आर्टिकल में हम बात करेंगे कि एचटीएमएल क्या होता है और इसका इस्तमाल क्या है |
एचटीएमएल
आपने कभी ना कभी जरूर सोचा होगा की वेबसाइट कैसे बनती है | वेबसाइट बनाने के पीछे कौनसी टेक्नोलॉजी है | एचटीएमएल एक ऐसी मार्कअप लैंग्वेज है जिसकी मदद से हम वेब पेजेज को बनाते है और वेब पेजेज के कलेक्शन को वेबसाइट कहते है | एचटीएमएल का फुल फॉर्म हाइपर टेक्स्ट मार्कअप लैंग्वेज है | ध्यान रखे की एचटीएमएल एक मार्कअप लैंग्वेज है न की प्रोग्रामिंग लैंग्वेज
एचटीएमएल का इतिहास
एचटीएमएल को सर रिम बेर्नेर्स ली ने 1991 में बनाया था | वो पेशे से एक फिजिसिस्ट थे | तब से ले कर आज तक एचटीएमएल काफी पॉपुलर लैंग्वेज है जिसकी सहायता से वेब पेजेज को बनाया जाता है |
एचटीएमएल कैसे सीखे
एचटीएमएल सीखे के काफी तरीके है जैसे की यूट्यूब और यूडेमी | अगर आपको एचटीएमएल हिंदी में सीखना है तो आप यूडेमी पे मेरे कोर्स से फ्री में पढ़ सकते है ( कोर्स में भाग लेने के लिए यह क्लिक करे )
एचटीएमएल फाइल कैसे बनाये
एचटीएमएल फाइल बनाने के लिए सबसे पहले आपको कुछ चीज़ो की जरुरत पड़ेगी
- टेक्स्ट एडिटर जैसे की नोटपैड++ या विसुअल स्टूडियो कोड
- वेब ब्राउज़र जैसे की गूगल क्रोम या फायरफॉक्स जिसपे आप अपने कोड के आउटपुट को देख पाए
आप टेक्स्ट एडिटर ओपन करे और उसमे कोड लिखे
<html>
<head>
<title>उदाहरण</title>
</head>
<body>
<h1>ये हेडिंग है</h1>
<p>ये पैराग्राफ है</p>
</body>
</html>इस कोड को आप सेव करे कोई भी नाम से | लेकिन इस फाइल का एक्सटेंशन .html रखे | फिर इस फाइल को ओपन करे | ये फाइल आपके ब्राउज़र में ओपन होगा |
एचटीएमएल के स्ट्रक्चर
- <html> ये बताता है की ये फाइल एक एचटीएमएल फाइल है
- <head> में आपको वो कंटेंट रखना है जो ब्राउज़र के लिए महत्वपूर्ण है जैसे की टाइटल फैबआइकॉन कीवर्ड
- <body> में आपको वो कंटेंट रखना है जो आप यूजर को स्क्रीन पर दिखाना चाहते है
एचटीएमएल टैग क्या होता है
एचटीएमएल टैग बेसिक स्ट्रक्चर है जो की <> के अंदर होते है | हरेक टैग का अलग अलग काम होता है | जैसे की <p> का मतलब है पैराग्राफ
एचटीएमएल एट्रीब्यूट क्या होता है
एचटीएमएल एट्रीब्यूट एचटीएमएल टैग का प्रॉपर्टी या एक्स्ट्रा ऑप्शंस , फीचर है जिसकी सहायता से हम उस टैग में कुछ खूबी डाल देते है | हरेक टैग का एट्रिब्यूट पहले से डिसाइड होता है | आप अपने से कोई एट्रिब्यूट नहीं बना सकते है | एट्रिब्यूट एट्रिब्यूटनाम = एट्रिब्यूटवैल्यू के पेअर में होते है | जैसे की <p align='center'>
एचटीएमएल कंटेनर टैग क्या होता है
एचटीएमएल टैग दो तरह के होते है
- एचटीएमएल कंटेनर टैग
वैसे टैग जिन्हे क्लोज भी होना होता है , वैसे टैग्स को कंटेनर टैग कहते है |
जैसे की <p></p> , <title></title>
- एचटीएमएल एम्प्टी टैग
वैसे टैग जिन्हे क्लोज नहीं होना होता है , वैसे टैग्स को एम्प्टी टैग कहते है | जैसे की <br> <img> <link>
एचटीएमएल हेडिंग टैग
एचटीएमएल हेडिंग टैग की मदद से हम वेब पेज पर हेडिंग लिखते है | इन्हे <hn> की मदद से लिखा जाता है , जहा n 1 से लेकर 6 तक होता है | <h1> सबसे बड़ा होता है , <h2> उससे थोड़ा छोटा होता है और <h6> सबसे छोटा होता है
उदारहण
<html>
<head>
<title>उदाहरण</title>
</head>
<body>
<h1>ये सबसे बड़ा हेडिंग है</h1>
<h2>ये भी हेडिंग है</h2>
<h3>ये भी हेडिंग है</h3>
<h4>ये भी हेडिंग है</h4>
<h5>ये भी हेडिंग है</h5>
<h6>ये सबसे छोटा हेडिंग है</h6>
</body>
</html>एचटीएमएल पैराग्राफ टैग
एचटीएमएल पैराग्राफ टैग की मदद से हम वेब पेज पर पैराग्राफ लिखते है | इन्हे <p> की मदद से लिखा जाता है | ये एक कंटेनर टैग है मतलब इन्हे अंत में बंद होना पड़ता है
उदारहण
<html>
<head>
<title>उदाहरण</title>
</head>
<body>
<p>ये पैराग्राफ है</p>
</body>
</html>एचटीएमएल एंकर टैग
एचटीएमएल एंकर टैग की सहायता से हम वेबपेज में लिंक डाल सकते है , जिसपे क्लिक करने पर कोई नया लिंक या फाइल ओपन होता है | इसके लिए हम <a> टैग का यूज़ करते है | ये भी एक कंटेनर टैग है | इसमें हमे href नाम का एट्रिब्यूट लिखना होता है जिसके वैल्यू में हमे लिंक डालना होता है
उदारहण
<html>
<head>
<title>उदाहरण</title>
</head>
<body>
<a href='https://www.narendradwivedi.org'>मेरा वेबसाइट ओपन करे</a>
</body>
</html>एचटीएमएल इमेज टैग
एचटीएमएल इमेज टैग की सहायता से हम वेबपेज में फोटो डाल सकते है | ये भी एक एम्प्टी टैग है जिसका मतलब है इसे अंत में क्लोज नहीं करना पड़ता है | समें हमे src नाम का एट्रिब्यूट लिखना होता है जिसके वैल्यू में हमे इमेज लिंक डालना होता है
उदारहण
<html>
<head>
<title>उदाहरण</title>
</head>
<body>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8iuLUcEqSPtCAdp0VOx0HWeCNcs8IseZ-nD3Jlo4iXiBy8GW_vcA3vKX9XFvjL7lwvK5eaDyH7oWjGL-SQ3wn9QNte1McF3EhxjOtWGw8tRCSjJs6Y5Yik1hmeVtaMcvnWVz5XM_eiXA/s320/NarendraDwivedi.jpg'>
</body>
</html>निष्कर्ष
उम्मिद है आपको पता लगा होगा कि एचटीएमएल क्या है एचटीएमएल टैग क्या होता है एचटीएमएल एट्रिब्यूट क्या है एचटीएमएल फाइल कैसे बनाते है | अगर आपके अब भी कोई दुविधा है जो आप नीचे कमेंट कर के बता सकते है