مفاهیم اولیه و معرفی زبان HTML همراه با فیلم آموزشی

در این بخش از آموزش HTML در خصوص مفاهیم اولیه همچون مفهوم تگ ها، HTML Elements خواهیم پرداخت و سرانجام شما با ساختار کلی HTML آشنا خواهید شد.

مفاهیم HTML

HTML (اچ تی ام ال) چیست؟

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

  • HTML مخفف Hypertext Markup Language می‎باشد.
  • HTML ساختار صفحات وب را با استفاده از نشانه گذاری تعریف میکند.
  • عناصر (Elements) HTML بلوک های صفحات وب می‎باشند.
  • عناصر (Elements) HTML به وسیله تگ‎ها (Tags) تعریف میشوند.
  • مرورگرها تگ‎های HTML را نشان نمی‎دهند، اما از آنها برای رندر کردن محتوا آن استفاده می‎کنند.

برای ساخت یک صفحه HTML به چه چیزی نیاز داریم؟

شما برای ساخت یک صفحه HTML ملزم به این نیستید که از برنامه خاصی استفاده کنید. شما فقط به یک text editor یا HTML editor application احتیاج دارید.

اگر شما میخواهید از بهترین محیط برنامه نویسی برای ساخت صفحات وب استفاده کنید ما برنامه Visual Studio Code را به شما پیشنهاد میکنیم.

اگر محیط برنامه نویسی ساده و سبکی را میخواهید برنامه ++Notepad میتواند گزینه مناسبی باشد.

HTML Tags (تگ‎های HTML)

  • تگ‎های HTML بصورت جفت (دوتایی) مانند <body> و <body/> استفاده می‎شوند
  • تگ اول به عنوان تگ شروع و تگ دوم به عنوان تگ پایان تغریف میشوند.
  • تگ دوم همانند تگ اول نوشته می‎شود، اما با یک forward slash قبل از نام تگ تعریف میشود.
  • برخی از تگ‎های HTML بصورت جفت نمی‎باشند، مانند تگ های </ br> و </ hr>

ساختار HTML

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

html-structure

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