Html
»
خانه HTML
»
تمرین یک
اجرای کد
<!DOCTYPE html> <html> <head> <title>عنوان صفحه</title> <style id="wpr-lazyload-bg-container"></style><style id="wpr-lazyload-bg-exclusion"></style> <noscript> <style id="wpr-lazyload-bg-nostyle">.kk-star-ratings .kksr-stars .kksr-star .kksr-icon, .kk-star-ratings:not(.kksr-disabled) .kksr-stars .kksr-star:hover ~ .kksr-star .kksr-icon{--wpr-bg-7425862f-3f07-4a0b-b91f-fe27b860b4c6: url('https://academy.irannet.net/wp-content/plugins/kk-star-ratings/src/core/public/svg/inactive.svg');}.kk-star-ratings .kksr-stars .kksr-stars-active .kksr-star .kksr-icon{--wpr-bg-5ce5ed63-118e-45ae-bb2d-73885b4821da: url('https://academy.irannet.net/wp-content/plugins/kk-star-ratings/src/core/public/svg/active.svg');}.kk-star-ratings.kksr-disabled .kksr-stars .kksr-stars-active .kksr-star .kksr-icon, .kk-star-ratings:not(.kksr-disabled) .kksr-stars:hover .kksr-star .kksr-icon{--wpr-bg-2f944cc0-8ff9-491c-9a7d-1a4018255b72: url('https://academy.irannet.net/wp-content/plugins/kk-star-ratings/src/core/public/svg/selected.svg');}</style> </noscript> <script type="application/javascript">const rocket_pairs = [{"selector":".kk-star-ratings .kksr-stars .kksr-star .kksr-icon, .kk-star-ratings:not(.kksr-disabled) .kksr-stars .kksr-star ~ .kksr-star .kksr-icon","style":".kk-star-ratings .kksr-stars .kksr-star .kksr-icon, .kk-star-ratings:not(.kksr-disabled) .kksr-stars .kksr-star:hover ~ .kksr-star .kksr-icon{--wpr-bg-7425862f-3f07-4a0b-b91f-fe27b860b4c6: url('https:\/\/academy.irannet.net\/wp-content\/plugins\/kk-star-ratings\/src\/core\/public\/svg\/inactive.svg');}","hash":"7425862f-3f07-4a0b-b91f-fe27b860b4c6","url":"https:\/\/academy.irannet.net\/wp-content\/plugins\/kk-star-ratings\/src\/core\/public\/svg\/inactive.svg"},{"selector":".kk-star-ratings .kksr-stars .kksr-stars-active .kksr-star .kksr-icon","style":".kk-star-ratings .kksr-stars .kksr-stars-active .kksr-star .kksr-icon{--wpr-bg-5ce5ed63-118e-45ae-bb2d-73885b4821da: url('https:\/\/academy.irannet.net\/wp-content\/plugins\/kk-star-ratings\/src\/core\/public\/svg\/active.svg');}","hash":"5ce5ed63-118e-45ae-bb2d-73885b4821da","url":"https:\/\/academy.irannet.net\/wp-content\/plugins\/kk-star-ratings\/src\/core\/public\/svg\/active.svg"},{"selector":".kk-star-ratings.kksr-disabled .kksr-stars .kksr-stars-active .kksr-star .kksr-icon, .kk-star-ratings:not(.kksr-disabled) .kksr-stars .kksr-star .kksr-icon","style":".kk-star-ratings.kksr-disabled .kksr-stars .kksr-stars-active .kksr-star .kksr-icon, .kk-star-ratings:not(.kksr-disabled) .kksr-stars:hover .kksr-star .kksr-icon{--wpr-bg-2f944cc0-8ff9-491c-9a7d-1a4018255b72: url('https:\/\/academy.irannet.net\/wp-content\/plugins\/kk-star-ratings\/src\/core\/public\/svg\/selected.svg');}","hash":"2f944cc0-8ff9-491c-9a7d-1a4018255b72","url":"https:\/\/academy.irannet.net\/wp-content\/plugins\/kk-star-ratings\/src\/core\/public\/svg\/selected.svg"}]; const rocket_excluded_pairs = [];</script></head> <body> <h1>این یک عنوان است</h1> <p>این یک پاراگراف است.</p> <script>var rocket_lcp_data = {"ajax_url":"https:\/\/academy.irannet.net\/wp-admin\/admin-ajax.php","nonce":"c28410c507","url":"https:\/\/academy.irannet.net\/html\/home\/exercise-1","is_mobile":false,"elements":"img, video, picture, p, main, div, li, svg, section, header","width_threshold":1600,"height_threshold":700,"delay":500,"debug":null}</script><script data-name="wpr-lcp-beacon" src='https://academy.irannet.net/wp-content/plugins/wp-rocket/assets/js/lcp-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>