logo
  • صفحه نخست
  • ویراشگر کد
logo

آموزش کدنویسی با بزرگ‌ترین وبسایت آموزشی توسعه‌ی وب؛ یادگیری گام‌به‌گام، مقالات کاربردی و تمرین‌های عملی برای علاقه‌مندان به برنامه‌نویسی.

لینک‌های سریع

  • صفحه نخست
  • ویراشگر کد
  • ورود
  • ثبت نام

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

  • HTML
  • CSS
  • جاوااسکریپت
  • ری‌اکت

© 2026 گرین‌دیتا. تمامی حقوق محفوظ است.

ساخته‌شده با ❤ برای علاقه‌مندان به برنامه‌نویسی

HTML

آموزش html5

91 درس

مبانی وب و آشنایی با HTML5

(7 درس)

فصل ۱: مبانی وب و آشنایی با HTML5

  1. 1. ساختار یک فایل HTML5
  2. 2. نحوه اجرای فایل HTML در مرورگر
  3. 3. تاریخچه وب و جایگاه HTML در آن
  4. 4. معرفی HTML5 و تفاوت اون با نسخه‌های قبلی
  5. 5. ابزارهای مورد نیاز برای نوشتن HTML
  6. 6. آشنایی با DOCTYPE و استاندارد HTML Living Standard
  7. 7. آزمون فصل ۱: مبانی وب و آشنایی با HTML5

ساختار سند HTML5

(8 درس)

ساختار سند HTML5

  1. 1. عنصر head و کاربردهای آن
  2. 2. عنصر meta و انواع آن
  3. 3. عنصر title
  4. 4. عنصر html و ساختار کلی سند
  5. 5. عنصر body
  6. 6. نظرات (Comments) در HTML
  7. 7. قوانین نگارش صحیح تگ‌ها (Syntax Rules)

متن و قالب‌بندی محتوا

(9 درس)

متن و قالب‌بندی محتوا

  1. 1. عنوان‌ها (Headings) از h1 تا h6
  2. 2. پاراگراف‌ها
  3. 3. خط جدید و خط افقی
  4. 4. عناصر تاکید متنی (strong، em، b، i)
  5. 5. نقل‌قول‌ها (blockquote و q)
  6. 6. لیست‌های مرتب و نامرتب
  7. 7. لیست‌های تعریفی (dl، dt، dd)

لینک‌ها و ناوبری

(7 درس)

لینک‌ها و ناوبری

  1. 1. عنصر a و لینک‌های پایه
  2. 2. لینک‌های داخلی و خارجی
  3. 3. لینک به بخش‌های مشخص یک صفحه (Anchor)
  4. 4. ویژگی target و کاربردهای آن
  5. 5. لینک‌های ایمیل و تلفن
  6. 6. عنصر nav و ساختار منوها
  7. 7. آزمون فصل: لینک‌ها و ناوبری

تصاویر و رسانه‌های پایه

(7 درس)

تصاویر و رسانه‌های پایه

  1. 1. عنصر figure و figcaption
  2. 2. عنصر img و ویژگی‌های آن
  3. 3. فرمت‌های تصویری پشتیبانی‌شده
  4. 4. ویژگی alt و اهمیت آن
  5. 5. تصاویر واکنش‌گرا (srcset و sizes)
  6. 6. نقشه‌های تصویری (Image Maps)
  7. 7. آزمون فصل: تصاویر و رسانه‌های پایه

جدول‌ها

(7 درس)
  1. 1. ساختار پایه جدول (table، tr، td، th)
  2. 2. سربرگ، بدنه و پابرگ جدول (thead، tbody، tfoot)
  3. 3. ادغام سلول‌ها (colspan و rowspan)
  4. 4. عنصر caption
  5. 5. گروه‌بندی ستون‌ها (colgroup و col)
  6. 6. ملاحظات دسترسی‌پذیری در جدول‌ها
  7. 7. آزمون فصل: جدول‌ها

فرم‌ها و ورودی‌های کاربر

(9 درس)

فرم‌ها و ورودی‌های کاربر

  1. 1. عنصر form و ساختار پایه
  2. 2. عنصر input و انواع type در HTML5
  3. 3. عنصر label و ارتباط آن با ورودی‌ها
  4. 4. textarea، select و option
  5. 5. دکمه‌ها (button و انواع آن)
  6. 6. ویژگی‌های اعتبارسنجی HTML5 (required، pattern، min، max و...)
  7. 7. عناصر fieldset و legend

عناصر معنایی HTML5 (Semantic Elements)

(9 درس)

عناصر معنایی HTML5 (Semantic Elements)

  1. 1. عناصر section و article
  2. 2. عنصر aside
  3. 3. مفهوم HTML معنایی و اهمیت آن
  4. 4. عناصر header و footer
  5. 5. عنصر main
  6. 6. عناصر details و summary
  7. 7. عنصر time

چندرسانه‌ای پیشرفته

(8 درس)

چندرسانه‌ای پیشرفته در HTML5

  1. 1. عنصر audio و ویژگی‌های آن
  2. 2. عنصر video و ویژگی‌های آن
  3. 3. عنصر source برای منابع چندگانه
  4. 4. عنصر track و زیرنویس‌ها
  5. 5. آشنایی با عنصر canvas
  6. 6. آشنایی با SVG در HTML5
  7. 7. تفاوت canvas و SVG

ویژگی‌ها و APIهای HTML5

(7 درس)

ویژگی‌ها و APIهای HTML5

  1. 1. ویژگی‌های Data (data-*)
  2. 2. ویژگی contenteditable
  3. 3. عنصر progress و meter
  4. 4. ۱۰-۵ Web Storage (localStorage و sessionStorage)
  5. 5. آشنایی مفهومی با Geolocation API
  6. 6. آزمون فصل ۱۰: ویژگی‌ها و APIهای HTML5
  7. 7. ویژگی draggable و Drag and Drop API

متادیتا، سئو و دسترسی‌پذیری

(7 درس)

متادیتا، سئو و دسترسی‌پذیری

  1. 1. تگ‌های meta برای سئو
  2. 2. Open Graph و اشتراک‌گذاری در شبکه‌های اجتماعی
  3. 3. اصول Accessibility (ARIA پایه)
  4. 4. نقش ویژگی‌های lang و dir
  5. 5. بهینه‌سازی ساختار HTML برای موتورهای جستجو
  6. 6. آزمون فصل: متادیتا، سئو و دسترسی‌پذیری
  7. 7. ساختار URL و لینک‌های استاندارد (rel canonical)

استانداردها، اعتبارسنجی و انتشار

(5 درس)

استانداردها، اعتبارسنجی و انتشار

  1. 1. تگ‌ها و ویژگی‌های منسوخ‌شده (Deprecated) در HTML5
  2. 2. ابزارهای اعتبارسنجی HTML (W3C Validator)
  3. 3. سازگاری مرورگرها
  4. 4. اصول کدنویسی تمیز و استاندارد
  5. 5. آماده‌سازی صفحه HTML برای انتشار نهایی

آزمون جامع پایان دوره

(1 درس)

آزمون جامع پایان دوره

  1. 1. آزمون جامع نهایی HTML5
8. آزمون: ساختار سند HTML5
8. عناصر متنی پیشرفته (mark، small، sub، sup، abbr و...)
  • 9. آزمون فصل: متن و قالب‌بندی محتوا
  • 8. عنصر datalist و output
  • 9. آزمون فصل: فرم‌ها و ورودی‌های کاربر
  • 8. مقایسه ساختار معنایی با ساختار مبتنی بر div
  • 9. آزمون فصل: عناصر معنایی HTML5 (Semantic Elements)
  • 8. آزمون فصل: چندرسانه‌ای پیشرفته در HTML5