آموزش ساخت HTML معنی دار

مقدمه Introduction

• ایجاد HTML معنی دار Craft meaningful HTML

• کار با CodePen Working with CodePen

• کار با کد VS Working with VS Code

1. تبدیل محتوا به نشانه گذاری HTML معنایی 1. Convert Content to Semantic HTML Markup

• محتوا را کاوش کرده و آن را به CodePen اضافه کنید Explore content and add it to CodePen

• عناصر اصلی یک صفحه را شناسایی کنید Identify major elements of a page

• عناوین و پاراگرافها را مشخص کنید Identify headings and paragraphs

• مقاله ای با تأکید و پیوند را بهبود بخشید Enhance an article with emphasis and links

• لیست های مرتب ، بدون هماهنگی و تعریف Ordered, unordered, and definition lists

• چالش: ابتدا در نشانه گذاری مقاله عبور کنید Challenge: First pass at article markup

• راه حل: ابتدا در نشانه گذاری مقاله عبور دهید Solution: First pass at article markup

2. بقیه صفحه را بسازید 2. Build the Rest of the Webpage

• کد خود را از CodePen به کد ویژوال استودیو (کد VS) منتقل کنید Move your code from CodePen to Visual Studio Code (VS Code)

• کد اصلی را درک کنید Understand the head code

• ناوبری معنایی را اضافه کنید Add semantic navigation

• تصاویر ، ارقام و زیرنویس ها را اضافه کنید Add images, figures, and figure captions

• پاورقی ها را با آدرس ، زمان و تاریخ اضافه کنید Add footers with address, time, and date

• نقل قول ها ، معافیت های خط و نقل قول ها را اضافه کنید Add quotes, line breaks, and citations

• چه زمانی باید از عناصر div و span استفاده کنیم When to use div and span elements

• چالش: مشکلات معنایی را مشخص کنید Challenge: Identify semantic problems

• راه حل: مشکلات معنایی را مشخص کنید Solution: Identify semantic problems

نتیجه Conclusion

• مراحل بعدی Next steps