← Back to HTML Course | Chapter 1: Introduction & Basics | Lesson 1 of 11

HTML परिचय

HTML को एक घर की कच्ची लकड़ी की framing की तरह सोचें। यह तय करती है कि दीवारें, दरवाजे और खिड़कियाँ कहाँ जाएंगी, लेकिन यह paint के रंग या फर्नीचर से कोई मतलब नहीं रखती। यह इंटरनेट के हर एक page का raw structural blueprint है। HTML के बिना, browsers को यह पता ही नहीं होगा कि text, images, या buttons को कैसे display करना है। इसे उस core skeleton की तरह सोचें जो पूरे web को खड़ा रखता है।

HTML क्या है?

HTML का मतलब है HyperText Markup Language। यह कोई प्रोग्रामिंग भाषा नहीं है; यह एक markup language है जो आपके वेब ब्राउज़र को बताती है कि वेब पेजों को कैसे structure करें और display करें।

Note: HTML tags को अदृश्य containers की तरह सोचें जो आपके text और media को व्यवस्थित करते हैं।
Warning: HTML केवल content को structure करती है और complex logic या math calculations नहीं कर सकती।

उदाहरण: What is HTML?

markup
<html>
  <body>
    HTML structures and displays this text.
  </body>
</html>

मुख्य HTML संरचना

हर valid वेब पेज को एक standard skeleton की ज़रूरत होती है। इसमें declarations और tags शामिल होते हैं जो ब्राउज़र को बताते हैं कि यह किस document type को पढ़ रहा है।

Note: doctype declaration हमेशा आपकी file की सबसे पहली line होनी चाहिए।
Warning: root html tags को छोड़ देने से browser confuse हो सकता है और आपका layout अलग-अलग platforms पर टूट सकता है।

उदाहरण: The Core HTML Structure

markup
<!DOCTYPE html>
<html>
  <head>
    <title>Cookies Cursor</title>
  </head>
  <body>
    <p>Welcome to our utility tools!</p>
  </body>
</html>

ब्राउज़र HTML कैसे पढ़ते हैं

वेब ब्राउज़र HTML tags को खुद display नहीं करते। इसके बजाय, वे tags को instructions की तरह पढ़ते हैं और उनके अंदर के visual content को render करते हैं।

Note: किसी भी live website की live HTML structure देखने के लिए अपने ब्राउज़र के inspect tool का उपयोग करें।
Warning: अलग-अलग browsers unstyled HTML tags को थोड़े अलग default spacing और margins के साथ render कर सकते हैं।

उदाहरण: How Browsers Read HTML

markup
<p>This text is displayed, but the &lt;p&gt; tags themselves are not.</p>

HTML वर्ज़नों का संक्षिप्त इतिहास

HTML को 1991 में बनाया गया था और यह कई क्रमांकित versions से होकर गुज़रा, जिसमें HTML 4.01 1990 के दशक के अंत में एक लंबे समय तक चलने वाला standard बना।

HTML5, जो 2014 में release हुआ, ने video, audio, और article व section जैसे semantic elements के लिए native support लाया, और आज हर modern ब्राउज़र इसी version का उपयोग करता है।

Note: अब आपको कभी HTML version नंबर declare करने की ज़रूरत नहीं है — सामान्य <!DOCTYPE html> declaration का हमेशा मतलब होता है 'HTML5 rules इस्तेमाल करो'।
Warning: HTML 4 या XHTML का उल्लेख करने वाले पुराने tutorials कभी-कभी outdated practices की सलाह देते हैं, जैसे layout के लिए tables का उपयोग, जो आज लागू नहीं होते।

उदाहरण: A Brief History of HTML Versions

markup
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>cookiescursor.com</title>
  </head>
  <body>
    <article>
      <h2>Free Tools</h2>
      <p>cookiescursor.com offers 100 free developer tools.</p>
    </article>
  </body>
</html>
Related Topics
{# common_mistakes/chapter_summary/browser_support: on Hindi pages the view already swaps in the hi_ translation fields (or blanks these out if untranslated), so this renders correctly for both languages without a lang_code check here. #}
🔒

Chapter Quiz — Complete all 11 topics to unlock

0/11 topics done

Complete these topics first:

Login to run this code

C/C++/Java/PHP execution requires a free account. Your code is saved — you'll land right back in the editor after logging in.