एचटीएमएल ट्यूटोरियल

एचटीएमएल होम एचटीएमएल परिचय एचटीएमएल संपादक एचटीएमएल बेसिक एचटीएमएल तत्व एचटीएमएल गुण एचटीएमएल शीर्षक एचटीएमएल पैराग्राफ एचटीएमएल शैलियाँ एचटीएमएल स्वरूपण एचटीएमएल कोटेशन एचटीएमएल टिप्पणियाँ एचटीएमएल रंग एचटीएमएल सीएसएस एचटीएमएल लिंक एचटीएमएल छवियाँ एचटीएमएल फ़ेविकॉन एचटीएमएल टेबल्स एचटीएमएल सूचियां एचटीएमएल ब्लॉक और इनलाइन एचटीएमएल क्लासेस एचटीएमएल आईडी एचटीएमएल इफ्रेम्स एचटीएमएल जावास्क्रिप्ट HTML फ़ाइल पथ एचटीएमएल हेड एचटीएमएल लेआउट एचटीएमएल उत्तरदायी एचटीएमएल कंप्यूटर कोड HTML शब्दार्थ एचटीएमएल स्टाइल गाइड एचटीएमएल इकाइयां एचटीएमएल प्रतीक एचटीएमएल इमोजी एचटीएमएल वर्णसेट एचटीएमएल यूआरएल एनकोड एचटीएमएल बनाम एक्सएचटीएमएल

एचटीएमएल फॉर्म

एचटीएमएल फॉर्म एचटीएमएल फॉर्म गुण एचटीएमएल फॉर्म एलिमेंट्स एचटीएमएल इनपुट प्रकार एचटीएमएल इनपुट गुण HTML इनपुट फॉर्म विशेषताएँ

एचटीएमएल ग्राफिक्स

एचटीएमएल कैनवास एचटीएमएल एसवीजी

एचटीएमएल मीडिया

एचटीएमएल मीडिया एचटीएमएल वीडियो एचटीएमएल ऑडियो एचटीएमएल प्लग-इन एचटीएमएल यूट्यूब

एचटीएमएल एपीआई

एचटीएमएल जियोलोकेशन एचटीएमएल ड्रैग/ड्रॉप एचटीएमएल वेब स्टोरेज एचटीएमएल वेब वर्कर्स एचटीएमएल एसएसई

एचटीएमएल उदाहरण

एचटीएमएल उदाहरण एचटीएमएल प्रश्नोत्तरी एचटीएमएल व्यायाम एचटीएमएल प्रमाणपत्र एचटीएमएल सारांश एचटीएमएल अभिगम्यता

एचटीएमएल संदर्भ

एचटीएमएल टैग सूची एचटीएमएल गुण HTML वैश्विक गुण एचटीएमएल ब्राउज़र समर्थन एचटीएमएल घटनाक्रम एचटीएमएल रंग एचटीएमएल कैनवास एचटीएमएल ऑडियो/वीडियो एचटीएमएल सिद्धांत एचटीएमएल कैरेक्टर सेट एचटीएमएल यूआरएल एनकोड एचटीएमएल लैंग कोड HTTP संदेश HTTP तरीके पीएक्स से ईएम कन्वर्टर कुंजीपटल अल्प मार्ग

एचटीएमएल तत्व


एक HTML तत्व को एक प्रारंभ टैग, कुछ सामग्री और एक अंतिम टैग द्वारा परिभाषित किया जाता है।


एचटीएमएल तत्व

HTML तत्व प्रारंभ टैग से अंत टैग तक सब कुछ है:

< टैगनाम > सामग्री यहां जाती है... < /tagname >

कुछ HTML तत्वों के उदाहरण:

< h1 > मेरा पहला शीर्षक < /h1 >
< p > मेरा पहला पैराग्राफ। < /p >
Start tag Element content End tag
<h1> My First Heading </h1>
<p> My first paragraph. </p>
<br> none none

नोट: कुछ HTML तत्वों में कोई सामग्री नहीं है (जैसे <br> तत्व)। इन तत्वों को रिक्त तत्व कहा जाता है। खाली तत्वों का अंत टैग नहीं होता है!


नेस्टेड HTML तत्व

HTML तत्वों को नेस्ट किया जा सकता है (इसका अर्थ है कि तत्वों में अन्य तत्व हो सकते हैं)।

सभी HTML दस्तावेज़ों में नेस्टेड HTML तत्व होते हैं।

निम्नलिखित उदाहरण में चार HTML तत्व हैं ( <html>, <body>, <h1> और <p>):

उदाहरण

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

उदाहरण समझाया गया

<html>तत्व मूल तत्व है और यह संपूर्ण HTML दस्तावेज़ को परिभाषित करता है

इसमें एक स्टार्ट टैग <html>और एक एंड टैग </html>है।

फिर, तत्व के अंदर एक <html>तत्व होता है <body> :

<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>

<body>तत्व दस्तावेज़ के शरीर को परिभाषित करता है

इसमें एक स्टार्ट टैग <body>और एक एंड टैग </body>है।

फिर, तत्व के अंदर <body>दो अन्य तत्व हैं: <h1>तथा <p>:

<h1>My First Heading</h1>
<p>My first paragraph.</p>

<h1>तत्व एक शीर्षक को परिभाषित करता है

इसमें एक प्रारंभ टैग <h1>और एक अंत टैग है </h1>:

<h1>My First Heading</h1>

<p>तत्व एक पैराग्राफ को परिभाषित करता है

इसमें एक प्रारंभ टैग <p>और एक अंत टैग है </p>:

<p>My first paragraph.</p>


अंत टैग को कभी न छोड़ें

कुछ HTML तत्व सही ढंग से प्रदर्शित होंगे, भले ही आप अंतिम टैग भूल जाएं:

उदाहरण

<html>
<body>

<p>This is a paragraph
<p>This is a paragraph

</body>
</html>

हालाँकि, इस पर कभी भरोसा न करें! यदि आप अंतिम टैग भूल जाते हैं तो अनपेक्षित परिणाम और त्रुटियां हो सकती हैं!


खाली HTML तत्व

बिना सामग्री वाले HTML तत्वों को खाली तत्व कहा जाता है।

टैग एक लाइन ब्रेक को <br>परिभाषित करता है, और एक क्लोजिंग टैग के बिना एक खाली तत्व है:

उदाहरण

<p>This is a <br> paragraph with a line break.</p>

HTML केस सेंसिटिव नहीं है

HTML टैग्स केस सेंसिटिव नहीं होते हैं: <P>इसका मतलब <p>.

HTML मानक को लोअरकेस टैग की आवश्यकता नहीं है, लेकिन W3C HTML में लोअरकेस की अनुशंसा करता है, और XHTML जैसे कठोर दस्तावेज़ प्रकारों के लिए लोअरकेस की मांग करता है।

W3Schools में हम हमेशा लोअरकेस टैग नामों का उपयोग करते हैं।


एचटीएमएल टैग संदर्भ

W3Schools के टैग संदर्भ में इन टैगों और उनकी विशेषताओं के बारे में अतिरिक्त जानकारी होती है।

Tag Description
<html> Defines the root of an HTML document
<body> Defines the document's body
<h1> to <h6> Defines HTML headings

सभी उपलब्ध HTML टैग्स की पूरी सूची के लिए, हमारे HTML टैग संदर्भ पर जाएं ।