Introduction of Basic Structure
HTML (Hypertext Markup Language) एक Standardization Language है जिसे Web Pages को बनाने के लिए Use किया जाता है। यह Document के Basic Structure को Define करने के लिए Tags और Elements का Use करते है।
Example of Basic Structure
<!DOCTYPE html>
<html>
<head>
<title>Example of Basic Structure</title>
</head>
<body>
<h1>This is a Heading.</h1>
<p>This is a Paragraph.</p>
<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>
Define Basic Structuring Element
HTML Document का Basic Structure निम्नानुसार होता है:
<!DOCTYPE>: यह Document के प्रकार को परिभाषित करता है और Browser को HTML के Version के बारे में Instruction देता है।
<html >: यह Tag Browser को सूचित करता है कि यह एक HTML Document है। HTML Tag के बीच का Content Web Document का वर्णन करता है। यह <!DOCTYPE> को छोड़कर HTML के अन्य सभी Content के लिए एक Container है
<head>: यह <html> Element के अंदर पहला Element होना चाहिए, जिसमें Meta Data (Document के बारे में जानकारी) शामिल है। Body Tag खुलने से पहले इसे बंद कर देना चाहिए।
<title>: इसका उपयोग उस HTML Page का Title जोड़ने के लिए किया जाता है जो Browser Window के Top पर दिखाई देता है। इसे Head Tag के अंदर रखा जाता है और तुरंत बंद कर देना चाहिए।
<body>: Body Tag के बीच का Content Page की Body Material का वर्णन करता है जो Users को दिखाई देता है। इस Tag में HTML Document की मुख्य Material (Text, Graphics, Image etc..) शामिल है।
<h1>: इस Tag के बीच का Text Web Page के First Level के Heading का वर्णन करता है।
<p>: इस Tag के बीच का Text Web Page के Paragraph का वर्णन करता है।
