HTML Tag
- सभी HTML Tag < > इन Brackets के भीतर Enclose होने चाहिए।
- HTML में प्रत्येक Tag अलग-अलग कार्य करता है।
- अगर आपने Open Tag <tag> का इस्तेमाल किया है तो आपको Close Tag </tag> का इस्तेमाल करना चाहिए (कुछ Tag को छोड़कर) ।
Syntax
<start tag> Content </end tag>
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>
Example
<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 होते हैं।
Example
<!DOCTYPE html>
<html>
<head>
<title>Nested Element</title>
</head>
<body>
<h1>This is a Heading. </h1>
<p>This is a Paragraph. </p>
<br>
<script>class RocketElementorAnimation{constructor(){this.deviceMode=document.createElement("span"),this.deviceMode.id="elementor-device-mode",this.deviceMode.setAttribute("class","elementor-screen-only"),document.body.appendChild(this.deviceMode)}_detectAnimations(){let t=getComputedStyle(this.deviceMode,":after").content.replace(/"/g,"");this.animationSettingKeys=this._listAnimationSettingsKeys(t),document.querySelectorAll(".elementor-invisible[data-settings]").forEach(t=>{const e=t.getBoundingClientRect();if(e.bottom>=0&&e.top<=window.innerHeight)try{this._animateElement(t)}catch(t){}})}_animateElement(t){const e=JSON.parse(t.dataset.settings),i=e._animation_delay||e.animation_delay||0,n=e[this.animationSettingKeys.find(t=>e[t])];if("none"===n)return void t.classList.remove("elementor-invisible");t.classList.remove(n),this.currentAnimation&&t.classList.remove(this.currentAnimation),this.currentAnimation=n;let s=setTimeout(()=>{t.classList.remove("elementor-invisible"),t.classList.add("animated",n),this._removeAnimationSettings(t,e)},i);window.addEventListener("rocket-startLoading",function(){clearTimeout(s)})}_listAnimationSettingsKeys(t="mobile"){const e=[""];switch(t){case"mobile":e.unshift("_mobile");case"tablet":e.unshift("_tablet");case"desktop":e.unshift("_desktop")}const i=[];return["animation","_animation"].forEach(t=>{e.forEach(e=>{i.push(t+e)})}),i}_removeAnimationSettings(t,e){this._listAnimationSettingsKeys().forEach(t=>delete e[t]),t.dataset.settings=JSON.stringify(e)}static run(){const t=new RocketElementorAnimation;requestAnimationFrame(t._detectAnimations.bind(t))}}document.addEventListener("DOMContentLoaded",RocketElementorAnimation.run);</script></body>
</html>
Empty Element
- Empty Elements में End Tag और Content नहीं होती है।
- इन Elements को Empty Element या Self-closing Element या Void Element कहा जाता है।
Example
<br>
<hr>
Trending Today
Facebook
Twitter
LinkedIn
