فلش‌کارت‌های آموزشی ساخت وب‌سایت‌های تعاملی و رسپانسیو با HTML5

📚 کتاب آموزشی جامع

📚 اطلاعات کتاب

عنوان کتاب: کتاب ساخت وب‌سایت‌های تعاملی و رسپانسیو با HTML5

موضوع کلی: مبانی و پیشرفت‌های HTML5

موضوع میانی: یادگیری عمیق HTML5 برای توسعه وب مدرن

📋 سرفصل‌های کتاب (100 موضوع)

• 1. مقدمه‌ای بر HTML5
• 2. ساختار پایه یک صفحه HTML5
• 3. تگ‌های اصلی HTML5
• 4. معنی‌شناسی و ساختار معنایی
• 5. بخش‌بندی صفحه با تگ‌های معنایی
• 6. سربرگ (Header) و فوتر (Footer)
• 7. ناوبری (Nav) و بخش‌های اصلی (Main)
• 8. مقالات (Article) و بخش‌ها (Section)
• 9. کنار (Aside) و عناصر (Element)
• 10. تگ‌های شکل‌دهنده متن
• 11. عناوین (Headings)
• 12. پاراگراف‌ها (Paragraphs)
• 13. تگ‌های تاکید (Emphasize) و قوی (Strong)
• 14. خطوط شکسته (Line Breaks)
• 15. متن پیش‌فرمت شده (Preformatted Text)
• 16. نقل قول‌ها (Blockquotes)
• 17. مختصرها (Abbreviations)
• 18. تغییرات متن (Deleted و Inserted)
• 19. کار با لیست‌ها
• 20. لیست‌های مرتب (Ordered Lists)
• 21. لیست‌های نامرتب (Unordered Lists)
• 22. لیست‌های توضیحات (Description Lists)
• 23. لینک‌ها و هایپرلینک‌ها
• 24. ایجاد لینک به صفحات دیگر
• 25. لینک به بخش‌های داخلی صفحه
• 26. لینک به ایمیل و شماره تلفن
• 27. لینک به فایل‌ها
• 28. صفات (Attributes) در HTML
• 29. صفات عمومی (Global Attributes)
• 30. صفات داده سفارشی (Custom Data Attributes)
• 31. صفات ID و Class
• 32. صفات Style و Title
• 33. کار با تصاویر
• 34. اضافه کردن تصاویر
• 35. صفات Alt و Title برای تصاویر
• 36. تصاویر پاسخگو (Responsive Images)
• 37. تصاویر با فرمت‌های مدرن (WebP)
• 38. کار با جداول
• 39. ساخت جداول ساده
• 40. سربرگ جدول (Table Header)
• 41. بدنه جدول (Table Body)
• 42. پاورقی جدول (Table Footer)
• 43. ادغام سلول‌ها (Colspan و Rowspan)
• 44. سبک‌دهی به جداول
• 45. کار با فرم‌ها
• 46. عناصر ورودی (Input Elements)
• 47. انواع مختلف ورودی (Text, Password, Email, Number)
• 48. چک‌باکس‌ها (Checkboxes) و رادیو باتن‌ها (Radio Buttons)
• 49. انتخاب‌گرها (Select Boxes)
• 50. دکمه‌ها (Buttons)
• 51. فیلد ست (Fieldset) و لِجِند (Legend)
• 52. برچسب‌ها (Labels)
• 53. صفات فرم (Form Attributes)
• 54. صفات ورودی (Input Attributes)
• 55. اعتبارسنجی فرم‌ها (Form Validation)
• 56. استفاده از JavaScript در فرم‌ها
• 57. کار با رسانه‌ها
• 58. اضافه کردن ویدئو (Video)
• 59. اضافه کردن صدا (Audio)
• 60. کنترل‌های رسانه‌ای
• 61. پشتیبانی از فرمت‌های مختلف رسانه‌ای
• 62. کار با Canvas
• 63. مقدمه‌ای بر Canvas API
• 64. رسم اشکال هندسی
• 65. رسم متن
• 66. استفاده از تصاویر در Canvas
• 67. انیمیشن با Canvas
• 68. کار با SVG
• 69. مقدمه‌ای بر SVG
• 70. رسم اشکال برداری
• 71. استفاده از متن در SVG
• 72. اعمال استایل به SVG
• 73. انیمیشن با SVG
• 74. مفاهیم پیشرفته HTML5
• 75. عناصر معنایی جدید (Figure, Figcaption)
• 76. عناصر معنایی برای ارتباط (Mark, Time)
• 77. عناصر معنایی برای داده (Data)
• 78. عناصر معنایی برای سایدبار (Nav)
• 79. عناصر معنایی برای محتوای اصلی (Main)
• 80. عناصر معنایی برای مقالات (Article)
• 81. عناصر معنایی برای بخش‌ها (Section)
• 82. عناصر معنایی برای کنار (Aside)
• 83. عناصر معنایی برای فوتر (Footer)
• 84. عناصر معنایی برای هدر (Header)
• 85. عناصر معنایی برای هیدینگ (H1-H6)
• 86. عناصر معنایی برای پاراگراف (P)
• 87. عناصر معنایی برای لیست‌ها (Ul, Ol, Li, Dl, Dt, Dd)
• 88. عناصر معنایی برای لینک‌ها (A)
• 89. عناصر معنایی برای تصاویر (Img)
• 90. عناصر معنایی برای جداول (Table, Tr, Th, Td, Tbody, Thead, Tfoot)
• 91. عناصر معنایی برای فرم‌ها (Form, Input, Label, Select, Option, Button, Fieldset, Legend)
• 92. عناصر معنایی برای رسانه‌ها (Video, Audio)
• 93. عناصر معنایی برای گرافیک (Canvas, Svg)
• 94. مفاهیم رسپانسیو (Responsive Design)
• 95. طراحی رسپانسیو با CSS
• 96. مدیا کوئری‌ها (Media Queries)
• 97. واحد‌های اندازه‌گیری انعطاف‌پذیر (%, em, rem)
• 98. استفاده از Flexbox
• 99. استفاده از CSS Grid
• 100. تنظیم تصاویر برای نمایشگرهای مختلف