سلام دوستان خلاصه مطالبی که استاد توی این جلسه گفتن رو قرار دادم اگه مطلب اضافه‌تری رو دارین که بنده جا انداختم
لطفا اضافه کنید
مفهوم عناصر 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 + / استفاده میکنیم