</> مدرسه زیب‌موجیاد بگیر، تمرین کن، بساز
شروع رایگان
مدرسه‹برنامه‌نویسی
HTMLمسیر کامل · 8 درس

آموزش HTML
از صفر تا پروژه واقعی

ساختار صفحه‌های وب را از اولین تگ تا یک صفحه کامل و دسترس‌پذیر یاد بگیر.

شروع درس اول ←
پروژه پایانی مسیرصفحه معرفی یک محصول واقعی
۸ درس عمیقتمرین تعاملیگواهی تکمیل مسیر
۰٪
نقشه راه

هشت گام تا ساختن

درس‌ها کوتاه‌اند، اما سطحی نیستند؛ هر گام روی نتیجه گام قبلی ساخته می‌شود.

01
۱۵ دقیقه

اولین صفحه با تگ‌های HTML

در این درس، اولین صفحه با تگ‌های HTML را با یک نمونه کوچک و کاربردی یاد می‌گیری.

شروع ←02
۲۵ دقیقه

عنوان، متن و لینک

در این درس، عنوان، متن و لینک را با یک نمونه کوچک و کاربردی یاد می‌گیری.

شروع ←03
۳۰ دقیقه

تصویر، فهرست و جدول

در این درس، تصویر، فهرست و جدول را با یک نمونه کوچک و کاربردی یاد می‌گیری.

شروع ←04
۳۰ دقیقه

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

در این درس، فرم و ورودی کاربر را با یک نمونه کوچک و کاربردی یاد می‌گیری.

شروع ←05
۳۵ دقیقه

ساختار معنایی صفحه

در این درس، ساختار معنایی صفحه را با یک نمونه کوچک و کاربردی یاد می‌گیری.

شروع ←06
۴۰ دقیقه

دسترس‌پذیری برای همه

در این درس، دسترس‌پذیری برای همه را با یک نمونه کوچک و کاربردی یاد می‌گیری.

شروع ←07
۳۰ دقیقه

پیداکردن خطاهای HTML

در این درس، پیداکردن خطاهای HTML را با یک نمونه کوچک و کاربردی یاد می‌گیری.

شروع ←08
۵۰ دقیقه

پروژه صفحه معرفی محصول

در این درس، پروژه صفحه معرفی محصول را با یک نمونه کوچک و کاربردی یاد می‌گیری.

شروع ←
خروجی واقعی مسیر

صفحه معرفی یک محصول واقعی

پروژه را بخش‌به‌بخش در طول درس‌ها می‌سازی. در پایان فقط یک تمرین پراکنده نداری؛ یک خروجی کامل، توضیح‌پذیر و قابل انتشار داری.

  • تعریف مسئله و نیاز کاربر
  • ساخت نسخه اولیه و قابل استفاده
  • خطایابی و بهترکردن تجربه
  • انتشار و دریافت بازخورد
html · project
<article class="product-card">
  <h2>هدفون بی‌سیم موج</h2>
  <p>صدای شفاف برای کار و یادگیری</p>
  <button>افزودن به سبد</button>
</article>