امروزه که دنیا به سمت کامپیوتری شدن پیش می رود، شما نیاز دارید تا با این فناوری بیشتر آشنا شوید و ارتباط بهتری داشته باشید. اگر می خواهید فردی باشید که به کامپیوترها دستور می دهید، باید حداقل با زبان html و css آشنایی داشته باشید وگرنه در آینده ای نه چندان دور مجبور می شوید از کامپیوترها دستور بگیرید. خوشبختانه آموزش html بسیار ساده است و با کمی تلاش می توانید آن را یاد بگیرید.

در این دوره آموزشی توکاپس قصد داریم تا به آموزش کامل html بپردازیم و روزانه مطالب آموزشی کاربردی و اساسی را بر روی سایت درج کنیم. در اولین قسمت به بررسی مباحث ابتدایی و اصولی html می پردازیم.

HTML چیست؟

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

ایجاد سند HTML

در اولین گام آموزش html نیاز دارید تا یک سند html بسازید. کد زیر یک نمونه وب پیج HTML است:

آموزش html

این کد اولیه باید در تمام صفحات html  وجود داشته باشد، پس این کدها را در برنامه Notepad کپی کنید و در پایان حتما با پسوند html ذخیره کنید. سپس بر روی آن کلیک کرده تا در مرورگر خود نتیجه را مشاهده کنید.

شاید از این مقاله خوشتون بیاد:  آیا ویژگی های طراحی سایت حرفه ای را می دانید؟

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

آموزش html

 

  • اعلان <!DOCTYPE html> نشان می دهد که این سند یک سند HTML نسخه ۵ است.
  • عنصر <html> ریشه ی یک صفحه HTML است.
  • عنصر <head> حاوی اطلاعات متا (ابر اطلاعات) مربوط به سند است.
  • عنصر <title> عنوان سند را مشخص می کند.
  • عنصر <body> حاوی محتوایی است که توسط کاربر دیده می شود.
  • عنصر <h1> مشخص کننده تیتر ۱ یا بزرگترین تیتر صفحه است. از h1 تا h6 می توانید برای عنوان ها در نظر بگیرید که هرچه درجه h بالاتر می رود، تیتر کوچکتر نشان داده می شود و  اهمیت آن کمتر می شود.
  • عنصر <p> مشخص کننده پاراگراف است و متن پاراگراف بین این تگ قرار می گیرد.

تگ های HTML

در تگ HTML، نام عناصر HTML در بین پرانتز گوشه دار (angle brackets) قرار می گیرد.

دستور نوشتن تگ های HTML :

  • تگ های HTML معمولا به صورت جفتی هستند و محتوای عنصر بین آنها قرار می گیرد. مثل تگ پاراگراف که <p> و <p/> است.
  • تگ اول را تگ ابتدایی و تگ دوم را تگ پایانی می گویند. هر تگ HTML یک جفت بوده که از یک تگ ابتدایی و یک تگ پایانی تشکیل می شود.
  • تگ ابتدایی و تگ پایانی یکسان است. تنها تفاوت آن ها در این است که در تگ پایانی یک علامت ممیز (/) قبل از نام تگ گذاشته می شود.
شاید از این مقاله خوشتون بیاد:  سایت عصر جدید و ناگفته هایش برای برنامه نویس ها

ساختار یک صفحه HTML

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

آموزش html

 

اعلان نوع سند (<!DOCTYPE>)

اعلانیه نوع سند را مشخص می کند و به مرورگر کمک می کند که صفحه را به طور صحیح نمایش دهد.

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

اعلان <!DOCTYPE> به حروف حساس نیست و می توانید آن را به صورت حروف بزرگ یا کوچک بنویسید.

اعلان <!DOCTYPE> برای سند HTML به صورت <!DOCTYPE html> است.

 

امیدوارم از قسمت اول آموزش html خوشتان آمده باشد و پا به پای مطالب کارها را بر روی کامپیوتر خود انجام داده باشید.

دسته‌ها: دنیای وب

غلامرضا بهشتیان

من غلامرضا بهشتیان، عاشق نوشتن مقاله های مفید در حوزه ی وب هستم. امیدوارم مقالات نوشته شده نظر شما خوانندگان عزیز را جلب نماید.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *