خلاصه مطالب استاد 3
سلام دوستان خلاصه مطالبی که استاد توی این جلسه گفتن رو قرار دادم اگه مطلب اضافه تری رو دارین که بنده جا انداختم
لطفا اضافه کنید
مفهوم عناصر Block و inline در یک سند
Block Element : عناصری هستند که عرض سند رو میان و به طور کامل پر میکنن و به محتوای داخل اون کاری ندارند و صرفا هدفشون پر کردن عرض سندمون هستش مثل تگ div
inline Element : عناصری هستند که عرض اشون رو به اندازه ی محتوای داخل اشون میان و پر میکنن مثل تگ span و a
نکته : عناصر block این قابلیت رو دارند که به صورت inline در بیان با مشخص کردن عرض های ثابت براشون و عناصر inline هم میتوانند با مشخص کردن عرض 100 درصد به block تبدیل بشن
نکته : برای راست به چپ سندهامون یا به اصطلاح تغیر جهت سندهامون ما باید از یک ویژگی یا Attribute استفاده بکنیم به نام dir که مخفف direction هستش که این ویژگی یا صفت رو به تگ html امون میدهیم تا برای تمام عناصر زیر شاخه خودش اعمال بکنه و دو نوع rtl( راست به چپ ) و ltr ( چپ به راست ) رو داره
<html lang="en" dir="rtl">
معرفی تگ hr که میاد و یک خط زیر المان ها مون قرار میدهد
معرفی تگ br که میاد و اصطلاحا تگ رو میشکونه و منتقل میکنه به خط بعدی
تگ های heading :
h1 و h2 و h3 و h4 و h5 و h6
h1 : کلن از این تگ باید ببرای عنوان های صفحه امون استفاده میکنیم و برای رعایت سئو سایت امون یک بار ازش استفاده می کنیم
h5 و h6 : در داخل تگ های footer و درباره ما بهتر است که بیایم و از این ها استفاده بکنیم و این تگ ها پایین ترین درجه اولویت رو برای موتور های جستجو دارند و برای بیان اهمیت جزئی رو دارند
h2 و h3 : برای title پست هامون برای caption ها و slider ها میتونیم از این تگ ها استفاده بکنیم
تگ های لیست ul و ol کاربردشون برای منو ها هستش و ماهیت اون ها از نوع بلاک هستند
ul-> li لیست های نامرتب
ol -> li لیست های مرتب
formating Tag ==>
تفاوت تگ های strong و b جفت اشون bold شدن یا ضخامت رو دارند ولی اولی مفهومی هست و از نظر سئو میاد و اهمیت رو نشون میدهد و دومی فقط برای مرورگر هست و معنا و مفهومی ندارد
تفاوت تگ های i و em جفتشون میان و متن رو کج یا اصطلاحا italic میکنند اما اولین هیچ مفهومی ندارد ولی دومی برای تاکید کردن هست و برای سئو مهم هست
تگ small میاد کوچک ترین سایز روت html رو برای متن ما قرار میدهد
تگ mark میاد و اون متن امون رو مارک میکند و یک رنگ پیش فرض رو براش قرار میدهد
تگ del میاد و یک خط روی متن امون قرار میدهد مثال اش برای تخفیف ها هستش که مثلا 500 هزار با این تگ روش خط کشیده و 450 رو نشون میده
تگ ins میاد و یک خط رو زیر متن امون قرار می دهد
تگ های ریاضی sub مثل ایندکس کلمات امون هستش و یک ذره میاره پایین
تگ sup مثل توان دادن هست که میاد و ی خورده میدهد بالا
برای کامنت گزاری روی خط مورد نظر امون از کلید های ترکیبی ctrl + / استفاده میکنیم
واقعا ممنون عماد جان
دستت درد نکنه بابت به اشتراک گذاریش
خیلی جامعه هیچی کم و کسر نداره
نکته : هم عناصر بلاک المنت این قابلیت رو دارند که به صورت اینلاین در بیان با دادن عرض ثابت براشون هم عناصر اینلاین قابلیت این رو دارند که به صورت بلاک در بیان با دادن عرض 100 درصد بهشون
عماد جان کارت عایه واقعا قشنگ یه جمع بندی میشه کرد با مطالب شما
