اچ تی ام ال (HTML)برنامه نویسیطراحی سایتفرانت اند (Front-end)

تگ body چیست؟ | آموزش تگ body در HTML

تگ body در html
تگ body در html

در پست گذشته، به صورت کاملاََ تخصصی به معرفی تگ html و صفات کاربردی آن پرداختیم. در این پست اختصاصی از بلاگ ویتکس به معرفی تگ body و کاربرد آن در یک سند HTML خواهیم پرداخت. پس بار دیگر با آموزش HTML5 از بلاگ ویتکس همراه شوید …

معرفی تگ body

یکی از فرزندان اصلی تگ html، تگ body است. این تگ مانند ظرفی برای نگه داری تمام بخش های دیداری صفحه ی وب از جمله متن ها، لینک ها، تصاویر، لیست ها، جدول ها و … می باشد. بنابراین تعداد بسیار زیادی از اِلمان های زبان HTML را در داخل خود نگه داری می کند.

در این تگ اسکلت بندی، ساختار ظاهری و به صورت کلی آنچه که در یک صفحه وب قابل مشاهده است، در قالب تگ های متنوعی که در آینده به آن خواهیم پرداخت، قرار می گیرد.

ساختار دستوری تگ body به صورت زیر است :

 

مثال ۱ : یک متن ساده

نمایش خروجی!

 

مثال ۲ : یک ساختار ساده

نمایش خروجی!

 

استایل پیشفرض CSS

در بیشتر مرورگرهای وب این تگ به صورت پیشفرض با استایل CSS زیر اجرا می شود :

پیشنهاد می کنیم که در شروع پروژه های برنامه نویسی وب خود، جهت زیبایی بیشتر صفحه وب، در ساختار HTML به تگ body استایل ;margin: 0 را بدهید.

 

مثال ۳ : یک ساختار ساده با رنگ متن سفید ، پس زمینه سبز و استایل ;margin: 0

نمایش خروجی!

 

مرورگرهای سازگار با تگ body

پلتفرم
مرورگر گوگل کروم مایکروسافت اج فایرفاکس اینترنت اکسپلورر اپرا سافاری وب ویو اندروید گوگل کروم اندروید فایرفاکس اندروید اپرا اندروید سافاری iOS سامسونگ اینترنت سامسونگ اینترنت
نسخه ۱+ ۱۲+ ۱+ ۱۸+ ۴+ ۱.۰+

امیدواریم از این مقاله نهایت بهره را برده باشید …

درباره نویسنده

محمد جاودانی

کارشناس مهندسی نرم افزار، برنامه نویس حوزه پایتون و جاوااسکریپت و علاقه مند به تولید محتوا

نوشته های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا