دوره آشنایی با زبان نشانه‌گذاری ابرمتن (HTML) برای ساخت صفحات وب همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

🎓 دوره آموزشی جامع

📚 اطلاعات دوره

عنوان دوره: دوره آشنایی با زبان نشانه‌گذاری ابرمتن (HTML) برای ساخت صفحات وب

موضوع کلی: فناوری اطلاعات و توسعه وب

موضوع میانی: مبانی و اصول طراحی وب

📋 سرفصل‌های دوره

• 1. مقدمه‌ای بر HTML و ساختار وب
• 2. تاریخچه و سیر تکامل HTML
• 3. اهمیت HTML در توسعه وب
• 4. نصب ابزارهای لازم برای کدنویسی وب
• 5. آشنایی با ویرایشگرهای کد (مانند VS Code)
• 6. ساختار کلی یک سند HTML
• 7. تگ‌های اصلی HTML (<html>، <head>، <body>)
• 8. تگ <title> و نقش آن در مرورگر
• 9. تگ‌های متا (<meta>) و کاربردهایشان
• 10. تنظیم کاراکترست (Character Set) با <meta charset>
• 11. تنظیم Viewport برای نمایش واکنش‌گرا
• 12. لینک‌دهی خارجی با تگ <link>
• 13. استفاده از تگ <style> برای CSS داخلی
• 14. استفاده از تگ <script> برای جاوا اسکریپت داخلی
• 15. تگ‌های سرتیتر (<h1> تا <h6>)
• 16. تگ پاراگراف (<p>)
• 17. تگ خط افقی (<hr>)
• 18. تگ شکست خط (<br>)
• 19. تگ پیش‌فرض متن (<span>)
• 20. تگ بلوک متن (<div>)
• 21. نقل قول‌ها و متن‌های کوتاه (<q>)
• 22. نقل قول‌های طولانی (<blockquote>)
• 23. تگ تاکید (<em>)
• 24. تگ تاکید قوی (<strong>)
• 25. تگ کد (<code>)
• 26. تگ نمونه کد (<pre>)
• 27. تگ متن کوچک (<small>)
• 28. تگ زیرخط‌دار (<u>)
• 29. تگ خط خورده (<s>)
• 30. تگ زیرنویس (<sub>)
• 31. تگ بالانویس (<sup>)
• 32. تگ نشانه (mark)
• 33. تگ توضیحات (ins)
• 34. تگ حذف شده (del)
• 35. ایجاد لیست‌های مرتب (ol)
• 36. ایجاد لیست‌های نامرتب (ul)
• 37. عناصر لیست (li)
• 38. آشنایی با تگ تصویر (<img>)
• 39. ویژگی src در تگ <img>
• 40. ویژگی alt در تگ <img>
• 41. تنظیم عرض و ارتفاع تصویر (width, height)
• 42. آشنایی با تگ لینک (<a>)
• 43. ویژگی href در تگ <a>
• 44. باز کردن لینک در تب جدید (_blank)
• 45. لینک به بخش‌های مختلف صفحه (#)
• 46. لینک به ایمیل (mailto:)
• 47. لینک به شماره تلفن (tel:)
• 48. ساخت جدول در HTML
• 49. تگ ردیف جدول (<tr>)
• 50. تگ سربرگ جدول (<th>)
• 51. تگ سلول داده جدول (<td>)
• 52. ویژگی colspan در تگ <td>
• 53. ویژگی rowspan در تگ <td>
• 54. ساخت فرم در HTML
• 55. تگ <form> و ویژگی‌های آن
• 56. روش ارسال داده (method="GET/POST")
• 57. صفحه مقصد ارسال (action)
• 58. تگ ورودی (<input>)
• 59. انواع ورودی‌ها (text, password, email, number)
• 60. ورودی دکمه رادیویی (radio)
• 61. ورودی چک‌باکس (checkbox)
• 62. ورودی دکمه (button)
• 63. ورودی ارسال (submit)
• 64. ورودی بازنشانی (reset)
• 65. ورودی فایل (file)
• 66. ورودی مخفی (hidden)
• 67. ورودی رنگ (color)
• 68. ورودی تاریخ (date)
• 69. ورودی زمان (time)
• 70. ورودی بازه (range)
• 71. ورودی جستجو (search)
• 72. ورودی URL (url)
• 73. ورودی تلفن (tel)
• 74. تگ برچسب (<label>) و ارتباط آن با ورودی‌ها
• 75. تگ ناحیه متنی (<textarea>)
• 76. تگ لیست انتخاب (<select>)
• 77. تگ گزینه لیست (<option>)
• 78. تگ گروه گزینه‌ها (<optgroup>)
• 79. تگ فیلدست (fieldset)
• 80. تگ عنوان فیلدست (legend)
• 81. ساخت دکمه در HTML
• 82. تگ دکمه (<button>)
• 83. انواع دکمه‌ها (submit, reset, button)
• 84. استفاده از تگ <iframe> برای جاسازی صفحات
• 85. آشنایی با تگ‌های معنایی (Semantic HTML)
• 86. تگ <header>
• 87. تگ <nav>
• 88. تگ <main>
• 89. تگ <article>
• 90. تگ <section>
• 91. تگ <aside>
• 92. تگ <footer>
• 93. تگ <figure>
• 94. تگ <figcaption>
• 95. تگ <time>
• 96. تگ <mark>
• 97. تگ <details>
• 98. تگ <summary>
• 99. تگ <video> و ویژگی‌های آن
• 100. تگ <audio> و ویژگی‌های آن