تگ های مرتبط با پاراگراف بندی مطالب در html

تگ های مرتبط با پاراگراف بندی مطالب در html

در جلسه ششم آموزش جامع html سایت بیست آموز به بحث پرکاربرد تگ های مرتبط با پاراگراف بندی مطالب در html می پردازیم.

  • همانطور که می دانید بخش اعظمی از محتوای اکثر سایت ها را متن تشکیل داده است.
  • متن ها برای قالب بندی بهتر باید در تگ های مرتبط با پاراگراف قرار گیرند. 
  • به همین جهت آشنایی با تگ های مرتبط با پاراگراف بندی مطالب در html و یادگیری هرچه بهتر نحوه استفاده صحیح و به موقع از این گونه تگ ها به شما کمک می کند تا صفحات وب جذابتر و SEO Friendly داشته باشید.

تگ های مرتبط با پاراگراف بندی مطالب در html

بخش اول – معرفی تگ باز و بسته <p></p> جهت ایجاد پاراگراف

  • نحوه استفاده از تگ پارارگراف
  • نحوه ترکیب تگ p با تگ های h1  تا h6

هشدار-اصلی-فیلم

درحال بارگذاری...

بخش دوم – سئو یا بهینه سازی پاراگراف های

مطالبی که در این بخش بسیار مهم از مبحث تگ های مرتبط با پاراگراف بندی مطالب در html خواهید آموخت به شرح ذیل هستند:

  • آموزش صحیح استفاده از پاراگراف در صفحات وب
  • متن پاراگراف باید چند کلمه باشد؟
  • جملات موجود در متن پاراگراف می تواند از چند کلمه تشکیل شود؟
  • متن کل صفحه حداقل باید چند جمله باشد تا سئوی ما پایین نیاید؟
  • متن پاراگراف می تواند شامل کلید واژه کانونی باشد؟
  • غلط املایی و انشایی در متن پاراگراف جایز است؟
  • مروری بر سئوی تگ های مربوط به سرتیترها

هشدار-اصلی-فیلم

درحال بارگذاری...

بخش سوم – معرفی تگ <br>

  • تگ br جزو کدام دسته از تگ ها می باشد؟
  • از تگ br در کدام قسمت های صفحات وب می توانیم استفاده کنیم؟
  • نحوه صحیح استفاده از تگ br لا به لای تگ و محتویات دیگر.

هشدار-اصلی-فیلم

درحال بارگذاری...

بخش چهارم – معرفی تگ باز و بسته <pre></pre> 

  • تعریف تگ pre
  • نحوه استفاده صحیح از تگ pre در بین تگ های دیگر
  • کاربرد تگ pre در ایجاد صفحات وب
  • نحوه اضافه کردن فضای خالی یا space در بین متن ها با کاراکتر ویژه &nbsp

هشدار-اصلی-فیلم

درحال بارگذاری...

بخش پنجم – نحوه تغییر ظاهر پاراگراف ها به وسیله کدهای css

در ادامه مبحث تگ های مرتبط با پاراگراف بندی مطالب در html ، به نحوه ایجاد تغییرات ظاهری در محتوای پاراگراف ها با استفاده از دستورات css می رسیم.

شاید این بخش برای تازه کارها کمی سنگین به نظر برسد اما حتما این بخش را حتی شده چند بار مشاهده کرده و تمرین نمایید تا تسلط خوبی به تغییرات ظاهری در پاراگراف ها دست پیدا کنید.

  • نحوه تغییر رنگ متن پاراگراف ها با استفاده از کدهای css
  • نحوه تغییر چیدمان متن پاراگراف ها با استفاده از کدهای css
  • نحوه ایجاد خط در بالا ، پایین و یا وسط متن پاراگراف ها با استفاده از کدهای css
  • نحوه تغییر بزرگی و کوچکی حروف متن انگلیسی پاراگراف ها با استفاده از کدهای css
  • نحوه ایجاد تورفتگی برای متن پاراگراف ها با استفاده از کدهای css
  • نحوه تغییر فاصله بین حروف متن انگلیسی پاراگراف ها با استفاده از کدهای css
  • نحوه تغییر ارتفاع خط متن پاراگراف ها با استفاده از کدهای css
  • نحوه تغییر اندازه متن پاراگراف ها با استفاده از کدهای css
  • نحوه تغییر جهت خط متن پاراگراف ها با استفاده از کدهای css
  • نحوه تغییر فاصله بین کلمات متن پاراگراف ها با استفاده از کدهای css
  • نحوه ایجاد سایه برای متن پاراگراف ها با استفاده از کدهای css

هشدار-اصلی-فیلم

درحال بارگذاری...

بخش ششم – ادامه بحث نحوه تغییر ظاهر پاراگراف ها به وسیله کدهای css 

  • نحوه تغییر شکل ظاهری فونت متن پاراگراف ها با استفاده از کدهای css
  • نحوه تغییر سبک فونت متن پاراگراف ها با استفاده از کدهای css
  • نحوه تغییر دقیق اندازه فونت متن پاراگراف ها با استفاده از کدهای css
  • آشنایی دقیق با واحدهای مختلف اندازه گیری در html و css
  • نحوه ایجاد حاشیه یا border دور کادر متن پاراگراف ها با استفاده از کدهای css
  • آشنایی با مبحث بسیار پرکاربرد Box Model در css
  • نحوه ایجاد padding یا فاصله دور متن تا حاشیه متن پاراگراف ها با استفاده از کدهای css
  • نحوه ایجاد margin یا فاصله دور حاشیه متن پاراگراف ها و عناصر دیگر ، با استفاده از کدهای css
  • نحوه تغییر چیدمان عمودی یا vertical align برای متن پاراگراف ها با استفاده از کدهای css
  • نحوه کنترل متن های بدون فاصله و پیوسته و طولانی تر از اندازه خط متن پاراگراف ها با استفاده از کدهای css

هشدار-اصلی-فیلم

درحال بارگذاری...