HTML زبان نشانه گذاری استاندارد برای صفحات وب است.با HTML می توانید وب سایت خود را ایجاد کنید.یادگیری HTML آسان است – از آن لذت خواهید برد!
یادگیری آسان با HTML “خودت آن را امتحان کن”
کد زیر را در ادیتور قرار دهید و نتیجه را تماشا کنید. این کد ساختار کلی html است که در جلسات بعد مفصل راجب هر تگ صحبت میکنیم.
<!DOCTYPE html>
<html>
<head>
<title>عنوان برگه</title>
</head>
<body>
<h1>تگ هدر یا تگ عنوان</h1>
<p>تگ پاراگراف </p>
<script>var rocket_beacon_data = {"ajax_url":"https:\/\/webshift.ir\/wp-admin\/admin-ajax.php","nonce":"0bcecdc0f0","url":"https:\/\/webshift.ir\/%d8%a2%d9%85%d9%88%d8%b2%d8%b4-html-%d8%ac%d9%84%d8%b3%d9%87-%d8%a7%d9%88%d9%84-%d8%a2%d8%b4%d9%86%d8%a7%db%8c%db%8c-%d8%a8%d8%a7-%d8%b3%d8%a7%d8%ae%d8%aa%d8%a7%d8%b1-html","is_mobile":false,"width_threshold":1600,"height_threshold":700,"delay":500,"debug":null,"status":{"atf":true,"lrc":true},"elements":"img, video, picture, p, main, div, li, svg, section, header, span","lrc_threshold":1800}</script><script data-name="wpr-wpr-beacon" src='https://webshift.ir/wp-content/plugins/wp-rocket/assets/js/wpr-beacon.min.js' async></script><script>class RocketElementorAnimation{constructor(){this.deviceMode=document.createElement("span"),this.deviceMode.id="elementor-device-mode-wpr",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>
