50 کامل شده تا

برچسب <body> در اچ‌تی‌ام‌ال

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
پرش به ناوبری پرش به جستجو
بدنه سند را تعریف می‌کند
معرفی شده در نسخهٔ:۲
حذف شده در نسخهٔ: هنوز در حال استفاده است
ویژگی‌های مجاز:به پائین مراجعه کنید
تنظیمات پیش‌فرض CSS:به پائین مراجعه کنید


{{منو اسکرول چپ|نام منو={{مرجع منو اچ‌تی‌ام‌ال|expanded=مرجع}}}}

مثال

یک سند سادهٔ اچ‌تی‌ام‌ال:

<head>
  <title>Title of the document</title>
</head>

<body>
  <h1>This is a heading</h1>
  <p>This is a paragraph.</p>
</body>

مثال‌های بیشتری از «مشاهدهٔ نتیجه» در زیر.

تعریف و کاربرد

برچسب <body> بدنهٔ سند را تعریف می‌کند.[۱]

عنصر <body> کلیهٔ محتویات یک سند اچ‌تی‌ام‌ال را شامل می‌شود، همچون heading، پاراگراف‌ها، تصاویر، هایپرلینک‌ها، جدول‌ها، لیست‌ها و غیره.

الگو:note

پشتیبانی مرورگر

عنصر Chrome Internet Explorer / Edge Firefox Safari Opera
<body> بله بله بله بله بله

ویژگی های سراسری (Global Attributes)

الگو:note

ویژگی های رویداد (Event Attributes)

الگو:note

مثال‌های بیشتر

مثال

یک تصویر پس‌زمینه به سند اضافه کنید (با CSS):

<head>
<style>
body {
  background-image: url(w3s.png);
}
</style>
</head>
<body>

<h1>Hello world!</h1>
<p><a href="https://www.w3schools.com">Visit W3Schools.com!</a></p>

</body>|showlinenumbers=y|lang=html5|title=|dars=ref_html|link=|textbutton=مشاهدهٔ نتیجه»|highlight=}}

===مثال===
رنگ پس‌زمینهٔ سند را تنظیم کنید (با CSS):

{{س:خ:د|source=<html>
<head>
<style>
body {
  background-color: #E6E6FA;
}
</style>
</head>
<body>

<h1>Hello world!</h1>
<p><a href="https://www.w3schools.com">Visit W3Schools.com!</a></p>

</body>|showlinenumbers=y|lang=html5|title=|dars=ref_html|link=|textbutton=مشاهدهٔ نتیجه»|highlight=}}

===مثال===
رنگ متن در سند را تنظیم کنید (با CSS):

{{س:خ:د|source=<html>
<head>
<style>
body {
  color: green;
}
</style>
</head>
<body>

<h1>Hello world!</h1>
<p>This is some text.</p>
<p><a href="https://www.w3schools.com">Visit W3Schools.com!</a></p>

</body>


مثال

رنگ لینک‌های بازدیدنشده در سند را تنظیم کنید (با CSS):

<head>
<style>
a:link {
  color:#0000FF;
}
</style>
</head>
<body>

<p><a href="https://www.w3schools.com">W3Schools.com</a></p>
<p><a href="https://www.w3schools.com/html/">HTML Tutorial</a></p>

</body>


مثال

رنگ لینک‌های فعال در سند را تنظیم کنید (با CSS):

<head>
<style>
a:active {
  color:#00FF00;
}
</style>
</head>
<body>

<p><a href="https://www.w3schools.com">W3Schools.com</a></p>
<p><a href="https://www.w3schools.com/html/">HTML Tutorial</a></p>

</body>


مثال

رنگ لینک‌های بازدیدشده در سند را تنظیم کنید (با CSS):

<head>
<style>
a:visited {
  color:#FF0000;
}
</style>
</head>
<body>

<p><a href="https://www.w3schools.com">W3Schools.com</a></p>
<p><a href="https://www.w3schools.com/html/">HTML Tutorial</a></p>

</body>


صفحات مرتبط

  • آموزش اچ‌تی‌ام‌ال: عنصرهای اچ‌تی‌ام‌ال (HTML Elements)
  • مرجع DOM اچ‌تی‌ام‌ال: شیء بدنه (Body Object)
  • مرجع DOM اچ‌تی‌ام‌ال: ویژگی document.body

تنظیمات پیش‌فرض CSS

بیشتر مرورگرها عنصر <body> را با مقادیر پیش‌فرض زیر نمایش می‌دهند:

مثال

body {
  display: block;
  margin: 8px;
}

body:focus {
  outline: none;
}


منابع آموزشی



{{#related:مرجع HTML:تگ‌ها/به‌ترتیب الفبا}} {{#related:به‌ترتیب الفبا}}