سلام دوستان خلاصه مطالبی که استاد توی این جلسه گفتن رو قرار دادم اگه مطلب اضافه‌تری رو دارین که بنده جا انداختم
لطفا اضافه کنید
نکته : در طراحی وب صفحاتی که اصلی هستند و باید به کاربرمون بیایم و نماییشون بدهیم باید بیایم و در نام اون هارو index بگزراریم چرا چون مرورگر به طور خودکار میاد و دنبال اون میگرده
<!DOCTYPE html>ویژگی یا صفت html در اینجا میاد و به مرورگر میگوید که ما از html5 استفاده میکنیم
<html lang="en">ویژگی یا صفت lan به مرورگر میگوید زبان این سند چی هستش و این کار برای سئو به شدت مهم هست
<meta charset="UTF-8"> ویژگی یا خاصیت charset="UTF-8" میاد و نوع کاراکترهای مارا مشخص میکند که کاراکترهای برنامه مارو بیاد و درست نمایش بدهد
<meta name="viewport" content="width=device-width, initial-scale=1.0">ویژگی یا خاصیت name="viewport" هنگامی که ما میخاهیم طراحی رسپانسیو طراحی بکنیم نیاز هست که از این ویژگی استفاده بکنیم
ویژگی یا خاصیت content="width=device-width میگوید که به اندازه عرض سندمون بیا و عرض بگیرد
ویژگی یا خاصیت initial-scale=1.0" جلوگیری از درگ کردن قالبمون برای چپ راست رفتن و نشه فوکوس کرد و بزرگ نمایی کرد
<div></div>
هرموقع ما خواستیم یک بخشی رو بیایم و درست بکنیم که حاوی یک یا چند المان هستش میایم و از این استفاده میکنیم
مفهموم nest : یک شاخه اصلی که در داخلش شاخه های فرعی وجود دارد که هرکدوم یک تاثیر و رفتاری رو داخل محتوای
اصلی ما میگزارند
<strong></strong>این تگ به ما میگوید که متنی که درداخل ان می‌نویسیم مهم هست اما نه به مهمی تگ‌های h
<a></a>از این تگ برای لینک‌ها استفاده میکنیم و دو تا ویژگی یا صفت مهم دارد
href : همون لینک وب سایتی که در داخل اون قرار میدهیم
target : و مقدار _blank که این ویژگی با این مقدار به ما میگوید که وقتی روش کلیک شد و بیا و یک صفحه ی جدید برامون درست کن
مفهوم block Element و inline Element
inline Element : تگ هایی هستند که به اندازه خودشون میان و فضا میگیرند و اگر اندازه اون محتوای داخلشون کم باشه فضای کمتری میگیرند و اگر زیاد باشه زیاد میگیرند مثل تگ‌های a که اگر ازشون استفاده بکنیم به صورت متوالی میان و در یک سطر قرار میگیرند
block Element : این تگ‌ها علاوه بر محتوای خودشون به اندازه یک سطر هم میان و فضا اشغال میکنند و محتوای تگ بعدی رو به لاین بعدی میفرستند