## 📝 خلاصه درس توی این درس یاد میگیریم چطور ورودیهای فرم رو محدود و اعتبارسنجی کنیم تا کاربر نتونه اطلاعات اشتباه وارد کنه. با ویژگیهایی مثل required، min، max، minlength، maxlength و pattern آشنا میشیم و میبینیم چطور میتونیم فقط با HTML فرمهای حرفهایتر و قابل اعتمادتر بسازیم.
در این درس با انواع ورودیها در فرمهای HTML آشنا میشویم و یاد میگیریم چرا استفاده از ورودی مناسب، تجربه کاربری بهتری ایجاد میکند. تفاوت ورودیهای متنی، عددی، انتخابی و متنی بلند را میشناسیم و میبینیم چگونه میتوان همه آنها را در یک فرم واقعی کنار هم استفاده کرد.
در این درس با تگ فرم آشنا میشویم و یاد میگیریم چگونه اطلاعات کاربران را دریافت کنیم. انواع ورودیها مثل فیلد متنی، ایمیل، رمز عبور، دکمههای رادیویی، چکباکس و دکمه ارسال را میشناسیم و کاربرد هرکدام را یاد میگیریم. در پایان، با ساخت یک فرم ثبتنام ساده، همه مفاهیم این درس را بهصورت عملی تمرین میکنیم.
توی این درس با ساخت جدولها در HTML آشنا میشیم. یاد میگیریم جدولها از چه بخشهایی تشکیل میشن، چطور میتونیم برای عنوان جدول چند ستون رو به هم وصل کنیم، چطور سلولهایی که چند ردیف پشت سر هم تکرار میشن رو ادغام کنیم، و در نهایت با یک مثال واقعی (مثل برنامه هفتگی) این مفاهیم رو کامل لمس میکنیم. همچنین فعلاً برای اینکه ظاهر جدول واضحتر دیده بشه یک استایل ساده بهش اضافه میکنیم، اما بعداً با CSS یاد میگیریم جدولها رو خیلی زیباتر و حرفهایتر طراحی کنیم.
در این قسمت یاد میگیریم چطور سه نوع لیست اصلی رو بسازیم، چطور لیستهای تو در تو ایجاد کنیم، و چطور با استفاده از ul، ol و dl ساختارهای مختلف مثل منوها، فهرستها و توضیحات رو بسازیم. در کنار اینها، مثالهای کاربردی میزنیم تا بهتر درک کنیم لیستها چطور در ساختار سایتها استفاده میشن.
در این قسمت یاد میگیریم چطور متنهای مختلف رو داخل صفحه قرار بدیم، عنوان درست کنیم و بخشهای مهم رو پررنگ یا مورب کنیم. بعدش سراغ اضافهکردن عکسها میریم و با ویژگیهای مهم مثل src و alt آشنا میشیم. در نهایت یاد میگیریم چطور لینک بسازیم، به صفحات مختلف وصل بشیم و لینکها رو در تب جدید باز کنیم.
توی این قسمت با تگها و المنتها آشنا شدیم. فهمیدیم که تگها در واقع دستورهایی برای مرورگر هستن تا محتوا رو به شکل درست نمایش بده. همچنین یاد گرفتیم که هر تگ به همراه محتوا یک المنت میشه. بررسی کردیم تگهای مهم مثل <h1>, <p>, <a>, <img> و چطور ازشون برای ساخت صفحات وب استفاده کنیم.
توی این قسمت با IDE و اهمیتش در نوشتن کد HTML آشنا شدیم و یاد گرفتیم چطور VS Code رو نصب کنیم. ساختار کلی فایل HTML، پسوندهای .html و .htm و نحوهی ایجاد اولین مثال عملی “سلام دنیا!” رو دیدیم و اجرا کردیم. این قسمت پایهی شروع سفر ما در دنیای HTML بود و تو قسمت بعدی میریم سراغ تگها و المنتها تا محتوای صفحهمون رو دقیقتر بسازیم.
یه دوره ساده و صمیمی برای یادگیری HTML از صفر! میفهمیم HTML چیه، چرا مهمه و چرا از W3Schools استفاده میکنیم. این پست مقدمهایه برای شروع سفرمون در دنیای صفحات وب
نسخهی ۴ Tailwind CSS کاملاً بر پایه CSS مدرن طراحی شده و دیگر نیازی به SCSS یا LESS نیست. در این مقاله، روش نصب و راهاندازی Tailwind 4 در Angular 20 و تبدیل پروژههای قبلی از SCSS به CSS را به سادهترین شکل آموزش میدهیم
