Kwareta Tag <body> HTML

تعريف والاستخدام

<body> تعريف علامة الجسم.

تغلف بيانات المعلومات والمتغيرات للصفحة داخل عنصر head، وتغلف محتويات المستند داخل عنصر body.

يتبع عنصر body دائمًا بعد عنصر head، وهو الطفل الثاني لعنصر html.

<body> العنصر يحتوي على كل محتويات مستند HTML، مثل العناوين والجمل والصور والروابط والجداول والقوائم، وما إلى ذلك.

ملاحظة:يمكن أن يحتوي مستند HTML على عنصر واحد فقط <body> العنصر.

مثال

مستند HTML بسيط ولكن كامل:

<!DOCTYPE html>
<html>
  <head>
    <title>عنوان المستند</title>
  </head>
  <body>
    <h1>هذا عنوان.</h1>
    <p>هذا جملة.</p>
  </body>
</html>

Samfurin ƙarshe

نصيحة:يقدم المزيد من الأمثلة في أسفل الصفحة.

خصائص العالمية

<body> العلامات يدعم خصائص العالمية في HTML.

خصائص الحدث

<body> العلامات يدعم خصائص الحدث في HTML.

إعدادات CSS الافتراضية

معظم المتصفحات ستعمل باستخدام القيم الافتراضية التالية لعرضها <body> العنصر:

body {
  display: block;
  margin: 8px;
}
body:focus {
  outline: none;
}

Samfurin ƙarshe

مزيد من الأمثلة

مثال 1

إضافة صورة خلفية إلى المستند (استخدام CSS):

<html>
<head>
<style>
body {
  background-image: url(w3s.png);
}
</style>
</head>
<body>
<h1>مرحبا بالعالم!</h1>
<p><a href="">زيارة codew3c.com!</a></p>
</body>

Samfurin ƙarshe

مثال 2

تعيين لون الخلفية للمستند (استخدام CSS):

<html>
<head>
<style>
body {
  background-color: #E6E6FA;
}
</style>
</head>
<body>
<h1>مرحبا بالعالم!</h1>
<p><a href="https://www.codew3c.com">زيارة codew3c.com!</a></p>
</body>

Samfurin ƙarshe

مثال 3

تعيين لون النص في المستند (استخدام CSS):

<html>
<head>
<style>
body {
  color: green;
}
</style>
</head>
<body>
<h1>مرحبا بالعالم!</h1>
<p>هذا نص.</p>
<p><a href="">زيارة codew3c.com!</a></p>
</body>
</html>

Samfurin ƙarshe

مثال 4

Dabancin ɗaukaka samfurin da aka ziyarci (amfani da CSS):

<html>
<head>
<style>
a:link {
  color:#0000FF;
}
</style>
</head>
<body>
<p><a href="https://www.codew3c.com">codew3c.com</a></p>
<p><a href="https://www.codew3c.com/html/">Ƙwarewar HTML</a></p>
</body>
</html>

Samfurin ƙarshe

Shirin samfuran 5

Dabancin ɗaukaka samfurin da ake amfani da (amfani da CSS):

<html>
<head>
<style>
a:active {
  color:#00FF00;
}
</style>
</head>
<body>
<p><a href="https://www.codew3c.com">codew3c.com</a></p>
<p><a href="https://www.codew3c.com/html/">Ƙwarewar HTML</a></p>
</body>
</html>

Samfurin ƙarshe

Shirin samfuran 6

Dabancin ɗaukaka samfurin da aka ziyarci (amfani da CSS):

<html>
<head>
<style>
a:visited {
  color:#FF0000;
}
</style>
</head>
<body>
<p><a href="https://www.codew3c.com">codew3c.com</a></p>
<p><a href="https://www.codew3c.com/html/">Ƙwarewar HTML</a></p>
</body>
</html>

Samfurin ƙarshe

Daukaka ƙarancin ƙasashen

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Daukaka Daukaka Daukaka Daukaka Daukaka