एचटीएमएल <body> टैग
- पिछला पृष्ठ <blockquote>
- अगला पृष्ठ <br>
कोर्स सिफ़ारिश:
<body> परिभाषा और उपयोग
टैग दस्तावेज़ के मुख्य भाग को परिभाषित करता है
HTML दस्तावेज़ के मेटाडाटा और दस्तावेज़ के जानकारी head एलीमेंट में रखे जाते हैं, और दस्तावेज़ की सामग्री body एलीमेंट में रखी जाती है
<body> body एलीमेंट हमेशा head एलीमेंट के बाद आता है, यह html एलीमेंट का दूसरा उप-एलीमेंट है
एलीमेंट HTML दस्तावेज़ के सभी सामग्री को देखाता है, जैसे कि शीर्षक, परिच्छेद, चित्र, अवधारणा, तालिका, सूची आदिचेतावनी: <body> एक HTML दस्तावेज़ में केवल एक ही एलीमेंट हो सकता है
एलीमेंट
उदाहरण
एक साधारण लेकिन पूर्ण HTML दस्तावेज़:
<html>
<head>
<!DOCTYPE html>
</head>
<body>
<title>दस्तावेज़ शीर्षक</title>
<h1>यह एक शीर्षक है</h1>
</body>
</html>
<p>यह एक परिच्छेद है。</p>सूचना:
पृष्ठ के नीचे और अधिक उदाहरण मिलेंगे。
<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 {
color: green;
}
</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>
ब्राउज़र समर्थन
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| सापोर्ट | सापोर्ट | सापोर्ट | सापोर्ट | सापोर्ट |
- पिछला पृष्ठ <blockquote>
- अगला पृष्ठ <br>
