تگ body و آشنایی با عناصر و کاربردهای آن به همراه فیلم آموزشی

در این قسمت از آموزش میخواهیم به بررسی عناصر بخش body که بخش مهم صفحات وب می‎باشد بپردازیم و با عناصر اصلی آن آشنا شده و به بررسی تگ های آن بپردازیم

تگ body

آموزش برنامه نویسی در جلسه آموزشی آشنایی با عناصر head یاد گرفتیم که در تگ head از چه عناصری میتوانیم استفاده کنیم اکنون می خواهیم قسمت بعدی بدنه html که همان تگ body که از مهم‌ترین تگ های یک صفحه وب هست بپردازیم.

body چیست و شامل چه عناصری است؟

  • وقتی کاربر یک صفحه html را باز میکند آنچه را که ما در بدنه body برای آن تعریف کرده ایم برای  کاربر نمایش داده میشود.
  • بدنه body تمام محتوا هایی همچون نوشته ها ، عکس ها ،کاراکتر ویژه ،  لیستها ، جدول ها ، فرم ها و … را پشتیبانی میکند.
  • بدنه بادی بخش مهم نمایش یک صفحه وب می‎باشد.

تگ های تیتر (HTML Headings)

تگ های تیتر از تگ <h1> تا تگ <h2> تعریف می شوند. تگ <h1> نسبت به به تگ <h2> مهم‎تر است. تگ <h6> کم اهمیت ترین تگ تیتر می‎یاشد.

 

تگ‎های اصلی body

در فهرست زیر به چند نمونه از تگ های مهم و اصلی body اشاره می کنیم

  • <b> : برای برجسته کردن متن از آن استفاده می‎شود.
  • <strong> : همانند تگ <b> برای برجسته کردن متن از آن استفاده می‎شود.
  • <em> : برای کج کردن، مایل کردن متن از آن استفاده می‎شود.
  • <i> : همانند تگ <em> برای کج کردن، مایل کردن متن از آن استفاده می‎شود.
  • <u> : برای کشیدن یک خط زیر متن از آن استفاده می‎شود.
  • <br> : برای رفتن به سطر جدید از آن استفاده می‎شود. توجه کنید این تگ دارای تگ پایان نمی‎باشد.
  • <a> : لینک های داخلی و خارجی ار آن استفاده می‎شود.
  • <p> : برای تعریف پاراگراف در صفحات وب از این تگ استفاده می‎شود
  • <hr/> : برای رسم خط افقی از آن استفاده می‎شود.توجه کنید این تگ دارای تگ پایان نمی‎باشد.
  • <form> : برای گرفتن ورودی از کاربر از این تگ استفاده می‎شود.
  • <div> : برای تقسیم بندی بخشی از صفحه وب از آن استفاده می‎شود.
  • <span> : برای تعریف یک بخش درون یک صفحه وب از آن استفاده می‎شود.
  • <table> : برای تعریف یک جدول در صفحه وب استفاده می می‎شود.
  • <textarea> : برای تعریف نوشته های چند خطی از آن استفاده می‎شود.
  • <code> : برای قرار دادن کد در صفحه وب از آن استفاده می شود.

 

ساختار body

شما میتوانید فیلم آموزشی این قسمت را با لینک مستقیم دانلود کنید.