آموزش HTML از صفر: ساخت اولین صفحه وب استاندارد
ساختار HTML، تگهای معنایی، لینک، تصویر و فرم را با یک صفحه معرفی شخصی یاد بگیرید.
ساختار پایه سند
سند با نوع HTML شروع میشود و بخشهای head و body دارد. عنوان صفحه و توضیحات در head قرار میگیرند و محتوای قابل مشاهده داخل body نوشته میشود.
تگ معنایی انتخاب کن
برای سربرگ از header، فهرست از nav، محتوای اصلی از main و بخش مستقل از section استفاده کن. div را زمانی انتخاب کن که عنصر معنایی مناسبتری وجود ندارد.
- فقط یک عنوان اصلی روشن
- متن جایگزین برای تصویر
- برچسب برای فیلد فرم
- متن لینک توصیفی
پروژه این درس
یک صفحه معرفی شخصی بساز که نام، توضیح کوتاه، مهارتها، یک تصویر با متن جایگزین و فرم تماس داشته باشد. ساختار را بدون CSS کامل کن و ترتیب تیترها را بررسی کن.
پرسشهای متداول
آیا HTML زبان برنامهنویسی است؟
HTML زبان نشانهگذاری است و ساختار محتوا را تعریف میکند، نه منطق اجرایی عمومی.
چرا تگ معنایی برای سئو مفید است؟
ساختار صفحه را برای موتور جستوجو و فناوریهای کمکی روشنتر میکند.
جمعبندی
اول ساختار و معنا را با HTML درست بساز. ظاهر را بعداً با CSS اضافه کن؛ صفحهای که بدون استایل قابل فهم است پایه سالمتری دارد.