مدرسه وب پارسیان وب

آموزش HTML

HTML چیست؟

HTML مخفف Hyper Text Markup Language یک زبان نشانه گذاری ابر متن است که آن گسترده ترین زبان استفاده شده در ساخت صفحات وب می باشد.

HTML ساختار و طرح بندی یک صفحه وب را با استفاده از انواع تگ ها (Tags) و خاصیت ها (Attribute) تعریف می کند. یک صفحه HTML با <HTML> شروع و با <HTML/> به پایان می رسد.


نمونه HTML :

سند کوچک HTML

<!DOCTYPE html><html><body><h1>این یک تگ سرصفحه است</h1><p>این یک تگ پاراگراف است</p></body></html>
خودت امتحان کن
  • در مثال بالا <DOCTYPE!> نوع سند را مشخص می کند
  • متن های بین <html> و <html/> سند وب را شرح می دهد
  • متن های بین <body> و <body/> محتوایی که در خروجی مرورگر برای کاربر به نمایش در می آید را شرح می دهد
  • متن های بین <h1> و <h1/> یک هدینگ(سرصفحه) را شرح می دهد
  • متن های بین <p> و <p/> یک پاراگراف را شرح می دهد

تگ های HTML

تگ ها کلماتی هستند که توسط علامت < و > احاطه شده اند:

<tagname>محتوا</tagname>

تگ های HTML معمولا به صورت یک جفت (مانند: <p></p>) هستند و برخی به صورت تکی (مانند: <br>) می باشند.

اولین تگ در یک جفت، تگ شروع است و دومین تگ، تگ پایانی می باشد.

در تگ های جفت، تگ پایان مانند تگ شروع نوشته می شود با این تفاوت که قبل از نام تگ یک اسلش ( / ) قرار می گیرد.

نکته:

اغلب تگ شروع تگ باز شدن و تگ پایانی نیز تگ بسته شدن نامیده می شود.


مرورگر های وب

یک مرورگر وب (کروم، فایرفاکس، سافاری، اینترنت اکسپلورر و...) اسناد HTML را می خواند (تفسیر می کند) و آنها را به نمایش در می آورد.

مرورگر تگ های HTML را نمایش نمی دهد بلکه با استفاده از آنها نحوه نمایش سند را مشخص می کند:

Print Browser

ساختار صفحه HTML

در زیر ساختار یک صفحه HTML تصویر سازی شده است:

<html>
<body>
<h1>این یک تگ سرصفحه است</h1>
<p>این یک تگ پاراگراف است</p>
</body>
</html>

نسخه های HTML

نسخه های مختلف HTML از آغاز پیدایش وب به شرح زیر است:

نسخه سال
HTML 1991
HTML+ 1993
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML5 2012

در صورتی که قصد دنبال کردن ادامه آموزش فوق را دارید بر روی آموزش بعدی کلیک کنید...