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

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

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

معرفی تگ body

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

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

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

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

نمایش خروجی!

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

نمایش خروجی!

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

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

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

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

نمایش خروجی!

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

مرورگرهای دسکتاپ
Google Chrome Mozilla Firefox Internet Explorer Microsoft Edge Opera Safari Browser
گوگل کروم موزیلا فایرفاکس اینترنت اکسپلورر مایکروسافت اج اپرا سافاری
نسخه ۱ و بالاتر نسخه ۱ و بالاتر همه نسخه ها نسخه ۱۲ و بالاتر همه نسخه ها همه نسخه ها
مرورگرهای موبایل
Google Chrome Mozilla Firefox Opera Safari Browser Samsung Internet Browser
گوگل کروم موزیلا فایرفاکس اپرا سافاری سامسونگ اینترنت
نسخه ۱۸ و بالاتر نسخه ۴ و بالاتر همه نسخه ها همه نسخه ها نسخه ۱.۰ و بالاتر

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

درباره‌ی محمد جاودانی

همه چیز ازون روز قشنگ شروع شد. 12 سال پیشو میگم که پدر و مادرم یه کامپیوتر برام خریدن. تا حالا شده دیوونه وار عاشق یه چیزی بشی؟ همونطوری عاشق کامپیوترم شده بودم! دنیای کودکی من خلاصه شده بود تو نصب ویندوز XP و آنتی ویروس های مختلف، نصب بازی ، باز و بسته کردن کیس کامپیوتر و خلاصه مهندس بازی درآوردن! هیچ چیز دیگه ای منو جذبم نمی کرد! چند سال گذشت و وقتی 14 سالم شد اولین وبلاگمو ساختم. تو فروم های مختلف بدون داشتن ذره ای دانش از فضای وب، شروع به فعالیت کردم و نزدیک هشت سال پیش اولین وب سایتمو با وردپرس ساختم و بعد یک سال شکست خوردم. از اون روز تا الان پروژه های زیادیو شروع کردم و شکست خوردم که معروف ترینش وب سایت پی سی لند بود ... سمت خیلی از زبونای برنامه نویسی رفتم و وسط راه مسیرمو عوض کردم و دنبال یه چیز جدیدتر رفتم ... خلاصه که بعد از کلی کش و قوس هنوزم به نظرم اول راهم و هر روز بیشتر از روز پیش تلاش می کنم ... محمد جاودانی، دانشجوی کارشناسی مهندسی نرم افزار هستم و در زمینه های توسعه دهندگی فرانت-اند تحت فریمورک React (JavaScript)، توسعه دهندگی بک-اند تحت فریمورک (Python) Django، سئو و تولید محتوا فعالیت دارم و اکنون در قلب "وی"، همراهِ تیم باانگیزه و به روزمون برای پیشرفت بی پایان "ویتکس" تلاش می کنم.

دیدگاه شما

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

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