برچسب <body> HTML

تعریف اور استعمال

<body> تیگ مستند کا جسم کا تعریف کرتا ہے。

HTML مستند کی معلومات اور مستند کی معلومات head عنصر میں پکڑی جاتی ہیں، مستند کا محتوا body عنصر میں پکڑا جاتا ہے。

body عنصر head عنصر کے بعد سخت چسپ رہتا ہے، یہ html عنصر کا دوسرا بیٹا عنصر ہوتا ہے。

<body> عنصر HTML مستند کی تمام محتويات کو شامل کرتا ہے، مثلاً عنوان، پاراگراف، تصویر، آلہ، سلیکشن، فہرست وغیرہ。

تذکرہ:ایک HTML مستند میں صرف ایک: <body> عنصر

مثال

ایک سادہ لیکن پورا HTML مستند:

<!DOCTYPE html>
<html>
  <head>
    <title>مستند عنوان</title>
  </head>
  <body>
    <h1>یہ ایک عنوان ہے</h1>
    <p>یہ ایک پاراگراف ہے。</p>
  </body>
</html>

خود کا تجربہ کریں

پیشکش:پیشکش: بیشتری نمائش کیلئے صفحے کے پائیدار حصے میں

عالمی اپسیو

<body> تیگ کا حمایتی HTML میں عالمی اپسیو。

واقعی اپسیو

<body> تیگ کا حمایتی HTML میں واقعی اپسیو。

مقصدی CSS سیٹ

بیشتر سارے براوزر درج ذیل کے طور پر اپنے طور پر نمائش دیں گے: <body> عنصر:

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

خود کا تجربہ کریں

بھی متعدد مثال

مثال 1

مستند میں پس منظر تصویر شامل کریں (CSS کا استعمال):

<html>
<head>
<style>
body {
  background-image: url(w3s.png);
}
</style>
</head>
<body>
<h1>Hello world!</h1>
<p><a href="">بھیجئے codew3c.com پر رجوع کریں!</a></p>
</body>

خود کا تجربہ کریں

مثال 2

مستند کی پس منظر کی رنگ کو سیٹ کریں (CSS کا استعمال):

<html>
<head>
<style>
body {
  background-color: #E6E6FA;
}
</style>
</head>
<body>
<h1>Hello world!</h1>
<p><a href="https://www.codew3c.com">بھیجئے codew3c.com پر رجوع کریں!</a></p>
</body>

خود کا تجربہ کریں

مثال 3

مستند کی متن کی رنگ کو سیٹ کریں (CSS کا استعمال):

<html>
<head>
<style>
body {
  رنگ: زرد;
}
</style>
</head>
<body>
<h1>Hello world!</h1>
<p>یہ ایک متن ہے。</p>
<p><a href="">بھیجئے codew3c.com پر رجوع کریں!</a></p>
</body>
</html>

خود کا تجربہ کریں

مثال 4

مستند میں دیکھا نہ ہوا لنک کی رنگ کا قیاس کریں (استفاده میں CSS):

<html>
<head>
<style>
a:link {
  رنگ:#0000FF;
}
</style>
</head>
<body>
<p><a href="https://www.codew3c.com">codew3c.com</a></p>
<p><a href="https://www.codew3c.com/html/">HTML تعلیم</a></p>
</body>
</html>

خود کا تجربہ کریں

مثال 5

مستند میں فعال لنک کی رنگ کا قیاس کریں (استفاده میں CSS):

<html>
<head>
<style>
a:active {
  رنگ:#00FF00;
}
</style>
</head>
<body>
<p><a href="https://www.codew3c.com">codew3c.com</a></p>
<p><a href="https://www.codew3c.com/html/">HTML تعلیم</a></p>
</body>
</html>

خود کا تجربہ کریں

مثال 6

مستند میں دیکھا ہوا لنک کی رنگ کا قیاس کریں (استفاده میں CSS):

<html>
<head>
<style>
a:visited {
  رنگ:#FF0000;
}
</style>
</head>
<body>
<p><a href="https://www.codew3c.com">codew3c.com</a></p>
<p><a href="https://www.codew3c.com/html/">HTML تعلیم</a></p>
</body>
</html>

خود کا تجربہ کریں

بھرپائی کا بندوبست

کروم ایج فائر فاکس سافری آپریا
کروم ایج فائر فاکس سافری آپریا
پشتیبندگی پشتیبندگی پشتیبندگی پشتیبندگی پشتیبندگی