آموزش HTML – مقدمه

  • آپدیت شده در تاریخ

آموزش HTML - مقدمه

با نام و یاد خدا آموزش HTML به زبان ساده و از مقدماتی تا پیشرفته را شروع می کنیم.

HTML زبان نشانه گذاری اصلی برای تشریح ساختار صفحات وب است

HTML مخفف HyperText Markup Language است. HTML بلوک اصلی دنیای وب است. در واقع هر آنچه در مرورگر اینترنت به نمایش در می‌اید نتیجه این زبان است. خوشبختانه اچ‌تی‌ام‌ال زبان ساده‌ای است و یادگیری آن به معنای واقعی کلمه شیرین است.

HyperText یا ابرمتن, روی نمایشگر یا هر دیوایس الکترونیکی دیگر به همراه رفرنس متن های دیگر نمایش داده می شود که کاربر می تواند سریعا به آن دسترسی پیدا کنید مثلا با کلید یا فشردن یک دکمه.

جدا از متن, ابرمتن ممکن است شامل جداول, لیست ها, فرم ها, تصاویر و بقیه المان های نمایشی باشد.

استفاده از آن بسیار آسان است و فرمت قابل انعطافی برای اشتراک گذاری اطلاعات بر روی اینترنت است.

 

زبان های نشانه گذاری از مجموعه برچسب (markup) های نشانه گذازی برای مشخص کردن المان های متن داخل یک داکیومنت استفاده می کنند که به مروگرها می فهماند که داده ما به چه صورت در صفحه وب نمایش داده شود.

 

HTML در اصل توسط Tim Berners-Lee در سال ۱۹۹۰ توسعه یافته است. به او لقب پدر وب را نیز داده ااند. در سال ۱۹۹۶ , کنسرسیوم جهانی وب (W3C) راه اندازی شد. همچنین HTML در سال ۲۰۰۰ تبدیل به یک استاندارد جهانی (ISO) شد.

HTML5 آخرین ورژن HTML تا این لحظه است. HTML5 یک رویکرد سریع و قوی تری را برای طراحی و توسعه وب را در اختیار ما قرار می دهد.

 

چه کار هایی می توانیم با HTML انجام بدیم

کارهای خیلی زیادی در وب می توانید با دنبال کردن آموزش HTML انجام بدید.

  • می توانید سندهای آنلاین به همراه متن, تصاویر, لیست ها, جداول و غیره را منتشر کنید.
  • می توانید به منابع وب مانند تصاویر, ویدیو ها یا دیگر داکیومنت های HTML با هایبر لینک دسترسی داشته باشید.
  • می توانید فرم هایی را برای دریافت اطلاعاتی مانند نام, ایمیل, نظرات و غیره بسازید.
  • می توانید تصاویر, ویدیوها, صوت, تصاویر فلش, اپلیکیشن های جاوا و دیگر داکیومنت های HTML را مستقیما داخل یک سند HTML بارگذاری کنید.
  • می توانید یک ورژن آفلاین از وب سایت خود را بدون اینترنت ایجاد کنید.
  • می توانید داده ها را در مروگر کاربر ذخیره و بعدا به آنها دسترسی پیدا کنید.
  • می توانید لوکیشن (مکان) بازدید کننده وبسایت خود را پیدا کنید.

این لیست همینجا به پایان نمی رسد, خیلی از موارد جالب و زیادی وجود دارد که می توانید با HTML انجام بدید. در مورد تمام آنها در بخش های بعدی با جزییات کامل آشنا می شوید.

 

نکته : همانطور که قبلا توضیح دادیم, HTML یک زبان نشانه گذاری است نه زبان برنامه نویسی مانند جاوا, PHP , اندروید و غیره. شما برای مشاهده صفحات وب نیاز به یک مروگر وب دارید. مرورگرهای وب تگ های HTML را نشان نمی دهند اما از تگ ها برای تفسیر و نمایش محتوای صفحه وب استفاده می کنند.

 

این آموزش HTML شامل چه مباحثی است

این مجموعه دنباله دار آموزش HTML تمام مباحث پایه HTML را پوشش می دهد که شامل

  • المان ها و خصوصیات آن
  • روش های فرمت بندی متن با HTML
  • متدهای افزودن استایل به سند
  • تکنیک های قرار دادن متن و جدول
  • مراحل ساختن لیست و فرم ها
  • روش های فراخوانی (include) سند های HTML دیگر در سند فعلی
  • و …

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

 

در آخرهای مجموعه آموزش HTML نیز شما را با قابلیت های پیشرفته معرفی شده در HTML5 مانند

  • input های جدید
  • طراحی گرفیک در صفحات وب
  • بارگذاری صوت و ویدیو در وب
  • ذخیره داده ها در سمت کلاینت با استفاده از حافظه وب
  • کش کردن فایل ها
  • انجام کارها در پس زمینه
  • مختصات جغرافیایی
  • ساخت اپلیکیشن drag and drop (کشیدن و رها کردن)
  • و خیلی از موارد دیگر..

 

در جلسه اول دوره جامع طراحی وب نت پارادیس بطور کامل در مورد زبان HTML و ساختار آن صحبت کردیم که می توانید ویدیوی آن جلسه را بصورت رایگان از لینک دوره طراحی وب مشاهده کنید.

هر سوالی داشتید از بخش نظرات ارسال کنید. به تمام سوالات شما پاسخ داده می شود.

موفق و پیروز باشید.

حسن شفیعی توسعه دهنده وب و موبایل مدیر سایت علاقه خاصی به برنامه نویسی وب و موبایل دارم و هر روز تلاش می کنم به این حوزه مسلط تر شوم و اطلاعاتم را به شکل کاربردی برای علاقه مندان در وب به اشتراک بگذارم. اگر نیاز به برنامه نویس برای انجام پروژه و نوشتن اسکریپت های سمت وب, اپلیکیشن های اندروید و ios, پیدا کردن راه حل توسعه و غیره داشتید حتما از طریق تماس با ما/ واتساپ/ تلگرام بهم پیام بدید. برایتهیه هاست مطمین و پرسرعت کلیک کنید
برچسب ها : ,
مطالب زیر را حتما بخوانید
دیدگاه کاربران

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

دوره های آموزشی