Elements in HTML ek start tag, thoda content, aur ek end tag se milkar banta hai.
HTML Elements
Elements in HTML start tag se lekar end tag tak ka pura part hota hai:
<tagname> Yaha content lekho </tagname>
Examples:
<h1> Mera First Heading </h1>
<p> Mera first paragraph.</p>
Note: Kuch HTML elements me content nahi hota (jaise <br> element). Inhe empty elements kehte hain. Empty elements ka end tag nahi hota.
Nested HTML Elements
Elements in HTML nested ho sakte hain (matlab ek element ke andar doosra element ho sakta hai). Saare HTML documents nested elements se milkar bante hain.
Neeche wale example me 4 HTML elements hain:
<html>, <body>, <h1> aur <p>
Example Explained
<html> element root element hota hai.
Yeh poora HTML document define karta hai.
Iska start tag <html> aur end tag </html> hota hai.
<html> ke andar <body> element hota hai:
<body> element document ka body define karta hai.
Iska start tag <body> aur end tag </body> hota hai.
<body> ke andar do aur elements hote hain: <h1> aur <p>
<h1> element heading define karta hai. Iska start tag <h1> aur end tag </h1> hota hai.
<p> element paragraph define karta hai. Iska start tag <p> aur end tag </p> hota hai.
Never Skip the End Tag
Kuch elements in HTML tab bhi sahi display ho jate hain agar aap end tag bhool jao.
Example:
<html>
<body>
<p>This is a paragraph
<p>This is a paragraph
</body>
</html>
Lekin is par kabhi depend mat karo. Agar end tag bhool gaye toh unexpected errors ya problems ho sakti hain.
Empty HTML Elements
Jin HTML elements me content nahi hota unhe empty elements kehte hain. <br> tag line break ke liye use hota hai aur iska closing tag nahi hota.
HTML Case Sensitive Nahi Hai
HTML tags case sensitive nahi hote. <P> aur <p> dono same hote hain.
HTML standard lowercase tag compulsory nahi karta, lekin CodeKar lowercase use karne ki recommendation deta hai. Strict document types jaise XHTML me lowercase required hota hai.
Isliye generally hum lowercase tags hi use karte hain.
