آموزش جامع و ضروری HTML - آخرین آپدیت

مقدمه Introduction

• نحوه استفاده از فایل‌های تمرینی How to use the exercise files

• چرا باید HTML یاد بگیرم؟ Why should I learn HTML?

1. وب 1. The Web

• زبان‌های وب Languages of the web

• اصطلاحات و سینتکس Terminology and syntax

• تمرین: راه‌اندازی محیط توسعه Exercise: Setting up your dev environment

• تمرین: شخصی‌سازی ویرایشگر متن Exercise: Customizing your text editor

• تمرین: محیط توسعه Exercise: The development environment

• قوانین وب The rules of the web

• آناتومی یک وب‌سایت Anatomy of a website

2. قالب‌بندی متن 2. Formatting Text

• پاراگراف‌ها و سرتیترها Paragraphs and headings

• تمرین: قالب‌بندی متن، بخش اول Exercise: Formatting text, part 1

• لیست‌های مرتب، نامرتب و توصیفی Ordered, unordered, and description lists

• ارجاع به موجودیت‌های نویسه‌ای Character entity reference

• چالش: نوشتن نشانه‌گذاری HTML متنی برای پروژه دوره Challenge: Write text-based HTML markup for course project

• راه حل: نمایش عملی Solution: Demo

• نقل‌قول‌ها Quotations

• تمرین: قالب‌بندی متن، بخش دوم Exercise: Formatting text, part 2

• کدها و شکست خطوط Code and line breaks

• تاریخ و زمان Date and time

• HTML و تایپوگرافی HTML and typography

• متون ضخیم (Bold) و مورب (Italics) Bold and italics

3. سند HTML و ساختار صفحه 3. The HTML Document and Page Structure

• چالش: افزودن عناصر ساختاری به پروژه Challenge: Add structural elements to project

• ساختاربندی محتوا، بخش اول Structuring content, part 1

• تمرین: ایجاد یک جدول HTML Exercise: Create an HTML table

• مدل شیء سند (DOM) The Document Object Model

• سند پایه HTML The basic HTML document

• ساختاربندی محتوا، بخش دوم Structuring content, part 2

• جداول HTML HTML tables

• راه حل: نمایش عملی Solution: Demo

• تمرین: ساختاربندی محتوا Exercise: Structuring content

4. لینک‌ها و ناوبری 4. Links and Navigation

• راه حل: نمایش عملی Solution: Demo

• انواع لینک‌ها Types of links

• ناوبری (Navigation) Navigation

• چالش: افزودن لینک‌ها و ناوبری Challenge: Add links and navigation

• آدرس‌های URL مطلق و نسبی Relative and absolute URLs

• هایپرلینک The hyperlink

5. تصاویر 5. Images

• تصاویر واکنش‌گرا، بخش دوم Responsive images, part 2

• تصاویر واکنش‌گرا با تگ picture Responsive images with picture

• ابزارهای توسعه‌دهنده و تغییر اندازه تصاویر Developer tools and resizing images

• تصاویر واکنش‌گرا، بخش اول Responsive images, part 1

• جایگذاری تصاویر Embedding images

• چالش: افزودن تصاویر واکنش‌گرا Challenge: Add responsive images

• بهینه‌سازی تصاویر Optimizing images

• راه حل: نمایش عملی Solution: Demo

• ویژگی‌های عرض (Width) و ارتفاع (Height) Width and height attributes

• فرمت‌های تصویری Image formats

6. سایر عناصر رسانه‌ای 6. More Media Elements

• جایگذاری رسانه‌ها با iframes Embedding media with iframes

• افزودن کپشن و زیرنویس Adding captions and subtitles

• ویدیو Video

• راه حل: نمایش عملی Solution: Demo

• چالش: افزودن رسانه به پروژه Challenge: Add media to project

• صوت (Audio) Audio

7. فرم‌های وب 7. Web Forms

• فرم‌های وب چیستند؟ What are web forms?

• مبانی فرم‌های HTML HTML form basics

• اعتبارسنجی فرم Form validation

• راه حل: نمایش عملی Solution: Demo

• ورودی‌های چک‌باکس و رادیویی Checkbox and radio inputs

• انواع ورودی‌ها (Input Types) Input types

• چالش: افزودن فرم تماس Challenge: Add a contact form

• عناصر تکمیلی فرم Additional form elements

8. دسترسی‌پذیری و بین‌المللی‌سازی 8. Accessibility and Internationalization

• مبانی برنامه‌های اینترنتی غنی و دسترس‌پذیر (ARIA) Accessible Rich Internet Applications (ARIA) basics

• دسترسی‌پذیری (Accessibility) چیست؟ What is accessibility?

• پشتیبانی از زبان‌ها Supporting languages

جمع‌بندی Conclusion

• گام‌های بعدی Next steps