What is HTML Tag?
- सभी HTML Tag < > इन Brackets के भीतर Enclose होने चाहिए।
- HTML में प्रत्येक Tag अलग-अलग कार्य करता है।
- अगर आपने Open Tag <tag> का इस्तेमाल किया है तो आपको Close Tag </tag> का इस्तेमाल करना चाहिए (कुछ Tag को छोड़कर) ।
Syntax :- <start tag> Content </end tag>
What is HTML Element?
- एक HTML File Elements से बनी होती है।
- ये Element Web Page बनाने और उस Web Page में Content को Define करने के लिए जिम्मेदार होते हैं।
- तकनीकी रूप से, एक Element उनके बीच Starting Tag, Attribute, End Tag, Content का एक संग्रह है।
Syntax :- <tag name> Content…</tag name>
<h1>This is a Heading. </h1>
<p>This is a Paragraph. </p>
<br>
Nested Element
- HTML Element को Nested किया जा सकता है (इसका अर्थ है कि Elements में अन्य Element शामिल हो सकते हैं) ।
- सभी HTML Document में Nested HTML Element होते हैं।
<!DOCTYPE html>
<html>
<head>
<title>Nested Element</title>
</head>
<body>
<h1>This is a Heading. </h1>
<p>This is a Paragraph. </p>
<br>
</body>
</html>
Empty Element
- Empty Elements में End Tag और Content नहीं होती है।
- इन Elements को Empty Element या Self-closing Element या Void Element कहा जाता है।
<br>
<hr>
<img decoding="async" src="animal.jpg">
Different Between HTML Tag and Element
| HTML Tag | HTML Element |
|---|---|
|
इसमें एक Opening Bracket और एक Closing Bracket होता है। |
इसमें एक Starting Tag, Content और एक End Tag शामिल होता है। |
|
इसमें आमतौर पर Reserved Keywords शामिल होते हैं जिनका एक Unique अर्थ होता है। |
इसमें एक Generalized Component होता है जिसे User अपने HTML Page पर Display करना चाहता है। |
|
उन्हें नेस्ट नहीं किया जा सकता है। |
उन्हें नेस्ट किया जा सकता है। |
What is HTML Attributes?
- HTML Attributes Special शब्द हैं जो Element के बारे में अतिरिक्त जानकारी प्रदान करते हैं या Attributes HTML Element के संशोधक (Modifier) हैं।
- प्रत्येक Element या Tag में Attributes हो सकती हैं, जो उस Element के व्यवहार (Behaviors) को Define करती हैं।
- Attribute हमेशा Starting Tag के साथ Apply किए जाने चाहिए।
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>Attributes</title>
</head>
<body>
<h1 title="I'm heading">This is a Heading. </h1>
<p title="I'm paragraph">This is a Paragraph. </p>
</body>
</html>
href Attribute : इस Attribute का Use Html के <a>Tag के साथ किसी File, किसी Text, किसी Image के साथ Link करने के लिए href Attribute का Use किया जाता है।
<a href="https://aiyoit.com/">Link Text</a>
src Attribute : इस Attribute का Use Html के <img> Tag के साथ किसी Image के Source को Define करने के लिए src Attribute का Use किया जाता है। यानि Image किस Folder या किस स्थान पर है यह बताने के लिए src Attribute का Use किया जाता है।
<img decoding="async" src="animal.jpg">
alt Attribute : इस Attribute का Use Html के <img>Tag के साथ किसी Image के Value बताने है की आपका Image किस बारे में है Image का Keyword क्या है जिस से Image को एक Value मिलती है की Image किस बारे में है।
<img decoding="async" src="animal.jpg" alt="The lion">
<html lang="en-US">
<body>
<p>This is a Paragraph. </p>
</body>
</html>
style Attribute : इस Attribute का Use किसी Inline CSS से Style करने के लिए किया जाता है।
<p style="color:blue;font-size:20px;">This is a Paragraph. </p>
title Attribute : इस Attribute का Use किसी भी Text ,Image या किसी भी File के ऊपर Mouse ले जाने पर उस File या Text का नाम बताने के लिए title Attribute का Use किया जाता है।
<p title="paragraph">This is a Paragraph. </p>
