HTML Elements In Hindi | HTML Tags | Mayank Salvi

एक HTML element को एक start tag, कुछ content और एक end tag द्वारा define किया जाता है।

HTML Elements


एक HTML element को एक start tag, कुछ content और एक end tag द्वारा define किया जाता है।



HTML element start tag से end tag तक सब कुछ है:

<tagname>Content यहां लिखा जायेगा </tagname>

कुछ HTML elements के Examples:

<h1>My First Heading</h1>

<p>My first paragraph.</p>

Start tag Element content End tag
<h1> My First Heading </h1>
<p> My First Peragraph </p>
<br> none none

नोट: कुछ HTML elements में कोई content नहीं होता (जैसे <br> element)। इन elements को empty elements कहा जाता है। empty elements का empty elements नहीं होता है!


Nested HTML Elements

HTML elements को nested किया जा सकता है (इसका अर्थ है कि एक element में अन्य elements भी हो सकते हैं )।

सभी HTML documents में नेस्टेड HTML elements होते हैं।

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

Example


<!DOCTYPE html>
<html>
<body>

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

</body>
</html>
            
Copy Code

Example Explained

<html> element root element  है और यह पूरे HTML document को परिभाषित करता है।

इसमें एक start tag <html> और एक end tag </html> होता है।

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

Example


<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
            
Copy Code

<body> element document की body को परिभाषित(defines) करता है।

इसमें एक start tag <body> और end tag </body> है।

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

Example


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

<h1> element एक शीर्षक(heading) define करता है।

इसमें एक प start tag <h1> और </h1> एक end tag होता है:

Example


<h1>My First Heading</h1>
            
Copy Code

<p> element एक paragraph को परिभाषित करता है।

इसमें एक  start tag <p> और </p> एक end tag होता है:

Example


<p>My first paragraph.</p>
            
Copy Code

End Tag को कभी न छोड़ें

कुछ HTML elements सही ढंग से display होंगे, भले ही आप end tag लगाना भूल जाएं:

Example


<html>
<body>

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

</body>
</html>
            
Copy Code

हालाँकि, इस पर कभी भरोसा न करें! यदि आप end tag लगाना भूल जाते हैं तो हो सकता है जैसा परिणाम आप देखना चाहते हो वैसा देखने हो न मिले!


Empty HTML Elements

बिना content वाले HTML element को Empty Element कहा जाता है।

<br> tag एक लाइन ब्रेक define करता है, और end tag के बिना एक Empty Element है:

Example


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

HTML is Not Case Sensitive

HTML tags  case sensitive नहीं होते: इसका मतलब <P> और <p> दोनों same ही होंगे.

HTML standard को lowercase tags की आवश्यकता नहीं होती है, लेकिन हम, HTML में lowercase को recommend करते है , और XHTML जैसे document lowercase की मांग करता है 

हम हमेशा lowercase tag names का उपयोग करते हैं।


HTML Tag Reference

tag reference में इन tags और उनकी विशेषताओं के बारे में अतिरिक्त जानकारी होती है।

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

Learn More: 

Complete HTML Series In Hindi:  Click Here