HTML Introduction

मित्रों अगर आप वेबसाइट बनाना चाहते हैं तो आपको HTML की जानकारी होनी चाहिए. चाहे आप वेबसाइट open source cms से ही क्यों न बनाए, HTML की जानकारी रहने से हमें वेबसाइट desing करनें में बहुत मदद मिलती है.

  • HTML की सहायता से आप वेबसाइट बना सकते हैं.
  • इस tutorial में आप HTML के बारे में बहुत कुछ सीखेंगे.
  • HTML सीखना मजेदार और आसान है.

Learn from Examples:

यदि आप उदाहरण के साथ सीखते हैं तो सीखने की प्रक्रिया आसान और मजेदार हो जाती है.

यहां आपको ढेर सारे Examples मिलेंगे जिससे HTML सीखने में आपको बहुत मदद मिलेगी.

आप हमारे ऑनलाइन Editor से अपना HTML कोड edit कर सकते हैं, जिससे आपको लाइव व्यू देखने को मिलेगा.

<!DOCTYPE html>
<html>
<title>पेज टाइटल</title>
<body>
<h1>ये हेडिंग है</h1>
<p>ये पैराग्राफ है…</p>
</body>
</html>

कोशिश करें

HTML स्टैण्डर्ड मार्कअप लैंग्वेज है जिससे वेबपेज बनाया जाता है .

  • HTML का पूरा नाम HYPER TEXT MARKUP LANGUAGE होता है.
  • Markup का उपयोग करते हुए HTML वेब पेज का निर्माण करता है.
  • HTML elements, HTML पेज के बिल्डिंग ब्लॉक्स होते हैं.
  • HTML elemnets टैग्स द्वारा दर्शाये जाते हैं.
  • कंटेंट्स को टैग्स के द्वारा लेबल दिया जाता है. जैसे “heading”, “paragraph”, “table” etc.
  • ब्राउज़र में ये टैग्स दिखाई नहीं देते हैं लेकिन इनके अन्दर जो कंटेंट्स होते हैं वो टैग्स के अनुसार वेब पेज पर दिखाई देते हैं.
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>

कोशिश करें

चलिए थोडा विस्तार से समझते हैं.

  • <!DOCTYPE html> यह बताता है की आपका डॉक्यूमेंट HTML 5 version का है.
  • <html> यह HTML पेज का मूल element होता है.
  • <head> इस element के अन्दर वेबपेज का Meta information रहता है.
  • <title> यह डॉक्यूमेंट के title को ब्राउजर के ऊपर यानी एड्रेस बार के ऊपर दिखता है.
  • <body> जो भी कंटेंट्स वेबपेज के अन्दर दिखाई देते हैं वो इसी element के अन्दर लिखे होते हैं.
  • <h1> यह बड़े हेडिंग को दर्शाता है. आप <h1> से लेकर <h6>(सबसे छोटा) तक का उपयोग कर सकते हैं.
  • <p> यह पैराग्राफ के लिए होता है.

HTML टैग्स:

HTML टैग्स को हम एंगल ब्रैकेट्स के अन्दर लिखते हैं.

<tagname>यहां कंटेंट्स लिखा जा सकता हैं जो टैग के अनुसार डिस्प्ले होगा.</tagname>

HTML टैग्स सामान्य तौर पर जोड़े में लिखे जाते हैं. जैसे: <p> और </p>

<p> – opening tag और

</p> – closing tag कहलाते हैं.

Opnenig tag को हम closing tag की तरह ही लिखते हैं पहले forward shlash(/) देकर.

वेब ब्राउज़र:

मित्रों वेब ब्राउज़र का मकसद HTML टैग्स के अन्दर जो लिखे कंटेंट्स होते हैं उनको उसी के अनुसार डिस्प्ले करना होता है. वेब ब्राउज़र HTML टैग्स को डिस्प्ले नहीं करते हैं.

<!DOCTYPE html>
<html>
<head>
<title>file-name.html</title>
</head>
<body>
<h1>Origin Classes Heading</h1>
<p>Origin classes paragraph….</p>
<p>Origin classes paragraph….</p>
</body>
</html>

ऊपर लिखे HTML कोड को ब्राउज़र कुछ इस तरह से डिस्प्ले करते हैं:

अगर आपके पास टुटोरिअल से जुडी हुई कोई प्रश्न या जानकारी या फिर कोई मिस्टेक हो तो हमारे कोमेंट बॉक्स में या कांटेक्ट पेज पर जाकर अपना सन्देश छोड़ सकते हैं आपको जवाब जरुर मिलेगा.शुरुआत के लिए इस पोस्ट में इतना ही काफी है तब तक हमारे ऑनलाइन Editor में practice कर सकते हैं. आगे के पोस्ट में हम HTML Editor के बारे में जानेंगे.

Origin Classes के साथ जुड़ने के लिए शुक्रिया दोस्तों!

 

Leave a Reply

Your email address will not be published. Required fields are marked *