استاد هر جلسه رو با فایلهای index1.htmlجلسه یک و index2.html جلسه دو تفکیک میکند . برای rename کردن فایلها از طریق زیر اقدام میکینیم :
to rename the file >>>1-right click on your file >>>refactore >>>>rename
پس renmae داخل refactor قرار گرفته
تگ title موجود دز head بالا تب مرو گر میخوره
تگ p :
تگ هایی به غیر از div و span وجود دران که در واقع مفهموی روی متن ایجاد میکنند مثل تگ p که نشاندهنده پاراگراف میباشد
تگ h1 تا h6 :
تگهای هدبنگ که h1 تا h6 شروع مییشوند روی seo خیلی اهمیت دارن که h1 بیشترین اهمیت رو داره برای موتورهای جستجو که معمولا عنوان اصلی توی تگ h1 و تایتلهای هر بخش و زیر شاخههای توی hهای بعدی یا مثلا توی فوتر سایت قسمتهای تماس با ما یا در باره ما توی تگهای h5 یا h6 بنابه دلخواه میزارن اندازه اینها رو میتوان با css تغییر داد انداره مهم نیس مه م نوع استفاده است
تگ img اتربیوتهای src و Alt رو داره که alt متن جایگزین برای seo است
عکس را در پوشه ای به نام asset گزاشتیم و نام فایل عکس رو با refactor عوض کردیم سپس ادرس دهی src رو بصورت نسبی انجام میدهیم یعنی جایی که تگ src فایل ان وجود داره نسبت به جایی که عکس ما وجود داره بهش ادرس بدیم مثل کسی که توی خیابون از ما میپرسه ادرس فلان جا کجاست اینجا بما میگه ادرس عکس کجاست/ توجه شود در ادرس دهی auto complete بما کمک میکند در نوشتن
تگ table :
این تگ دارای دو تا تگ داخلی tr مخفف teble row یعنی ردیف جدول وتگ td که سلولهای موجود در ردیفهای tr هستن البته مث ساختار html دارای head بادی هستن که تاثیر چندانی ندارن / مواردی که در جدول بصورت ثایت تکرار میشن با حلقه ایجاد میکنیم که بعدا یاد خواهیم گرفت
محتوای table رو موتور جستجو نمیتونه بخونه پس ازش خیلی استفاده نکنید ام اد ربحث بک اند و پلاگین نویسی که مثلا میخوایم لیست دانش اموزا یا شماره تلفنمون رو داخلش نشون بدیم اشکال نداره و ازش استفاده کنید اما در بحث فرانت که در دسترس موتور جستجو است و seo برای ما اهمیت داره ازش استفاده نکنید
کامنت کردن یک قسمت : ایتدا متن را امنخاب کنید سپس ctrl+/ رو بگیرید تا متن انتخاب شده بحالت کامننت در بیاد که اگر از ligature t fontsها استفاده کنید به شکل زیباتری نمایشش میده