آموزش html-جلسه دوم-مقدمه html

مقدمه HTML

HTML زبان نشانه گذاری استاندارد برای ایجاد صفحات وب است.

HTML چیست؟
HTML مخفف Hyper Text Markup Language است
HTML زبان نشانه گذاری استاندارد برای ایجاد صفحات وب است
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":"20ce0209a4","url":"https:\/\/webshift.ir\/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-html-%D8%AC%D9%84%D8%B3%D9%87-%D8%AF%D9%88%D9%85-%D9%85%D9%82%D8%AF%D9%85%D9%87-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>