ایچ تی ام ال<body> تیگ

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

<body> بریک کا معنایف:

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

body عنصر کوhead عنصر کے بعد آنچار کیا جاتا ہے، یہ html عنصر کا دوسرا بیٹا عنصر ہوتا ہے۔

<body> عنصر مستند کا تمام محتوا شامل کرتا ہے، مثلاً سرلیک، پاراگراف، تصویر، پیلینگ، چارٹ، فہرست وغیرہ۔

تذکر:ایک 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 {
  color:#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 {
  color:#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 {
  color:#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>

ਆਪਣੇ ਆਪ ਨਾਲ ਪ੍ਰਯੋਗ ਕਰੋ

ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ

ਚਰਮੀ ਐਂਜਲ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪਰਾ
ਚਰਮੀ ਐਂਜਲ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪਰਾ
ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ