एचटीएमएल <बॉडी> टैग
उदाहरण
एक साधारण HTML दस्तावेज़:
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।
परिभाषा और उपयोग
<body>टैग दस्तावेज़ के मुख्य भाग को परिभाषित करता है ।
तत्व में HTML दस्तावेज़ की <body>सभी सामग्री होती है, जैसे कि शीर्षक, पैराग्राफ, चित्र, हाइपरलिंक, टेबल, सूचियाँ, आदि।
नोट: HTML दस्तावेज़ में केवल एक ही <body>
तत्व हो सकता है।
ब्राउज़र समर्थन
| Element | |||||
|---|---|---|---|---|---|
| <body> | Yes | Yes | Yes | Yes | Yes |
वैश्विक गुण
<body>टैग HTML में वैश्विक विशेषताओं का भी समर्थन करता है ।
घटना गुण
<body>टैग HTML में ईवेंट विशेषताओं का भी समर्थन करता है ।
और ज्यादा उदाहरण
उदाहरण
दस्तावेज़ में पृष्ठभूमि छवि जोड़ें (सीएसएस के साथ):
<html>
<head>
<style>
body {
background-image: url(w3s.png);
}
</style>
</head>
<body>
<h1>Hello world!</h1>
<p><a href="https://www.w3schools.com">Visit W3Schools.com!</a></p>
</body>
उदाहरण
दस्तावेज़ का पृष्ठभूमि रंग सेट करें (सीएसएस के साथ):
<html>
<head>
<style>
body {
background-color: #E6E6FA;
}
</style>
</head>
<body>
<h1>Hello world!</h1>
<p><a href="https://www.w3schools.com">Visit W3Schools.com!</a></p>
</body>
उदाहरण
दस्तावेज़ में टेक्स्ट का रंग सेट करें (सीएसएस के साथ):
<html>
<head>
<style>
body {
color: green;
}
</style>
</head>
<body>
<h1>Hello world!</h1>
<p>This is some text.</p>
<p><a href="https://www.w3schools.com">Visit W3Schools.com!</a></p>
</body>
</html>
उदाहरण
किसी दस्तावेज़ में (सीएसएस के साथ) न देखे गए लिंक का रंग सेट करें:
<html>
<head>
<style>
a:link {
color:#0000FF;
}
</style>
</head>
<body>
<p><a
href="https://www.w3schools.com">W3Schools.com</a></p>
<p><a
href="https://www.w3schools.com/html/">HTML Tutorial</a></p>
</body>
</html>
उदाहरण
दस्तावेज़ में सक्रिय लिंक का रंग सेट करें (सीएसएस के साथ):
<html>
<head>
<style>
a:active {
color:#00FF00;
}
</style>
</head>
<body>
<p><a
href="https://www.w3schools.com">W3Schools.com</a></p>
<p><a
href="https://www.w3schools.com/html/">HTML Tutorial</a></p>
</body>
</html>
उदाहरण
किसी दस्तावेज़ में विज़िट किए गए लिंक का रंग सेट करें (सीएसएस के साथ):
<html>
<head>
<style>
a:visited {
color:#FF0000;
}
</style>
</head>
<body>
<p><a
href="https://www.w3schools.com">W3Schools.com</a></p>
<p><a
href="https://www.w3schools.com/html/">HTML Tutorial</a></p>
</body>
</html>
संबंधित पृष्ठ
एचटीएमएल ट्यूटोरियल: एचटीएमएल एलिमेंट्स
HTML DOM संदर्भ: बॉडी ऑब्जेक्ट
HTML DOM संदर्भ: document.body संपत्ति
डिफ़ॉल्ट सीएसएस सेटिंग्स
अधिकांश ब्राउज़र <body>निम्न डिफ़ॉल्ट मानों के साथ तत्व प्रदर्शित करेंगे:
उदाहरण
body {
display: block;
margin: 8px;
}
body:focus {
outline: none;
}