ایچ تی ام ال<body> تیگ
- ਪਿਛਲਾ ਪੰਨਾ <blockquote>
- ਅਗਲਾ ਪੰਨਾ <br>
تعریف اور استعمال
<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>
ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ
ਚਰਮੀ | ਐਂਜਲ | ਫਾਇਰਫਾਕਸ | ਸੈਫਾਰੀ | ਓਪਰਾ |
---|---|---|---|---|
ਚਰਮੀ | ਐਂਜਲ | ਫਾਇਰਫਾਕਸ | ਸੈਫਾਰੀ | ਓਪਰਾ |
ਸਮਰਥਨ | ਸਮਰਥਨ | ਸਮਰਥਨ | ਸਮਰਥਨ | ਸਮਰਥਨ |
- ਪਿਛਲਾ ਪੰਨਾ <blockquote>
- ਅਗਲਾ ਪੰਨਾ <br>