تگ بدنهHTML <body> Tag -
Previous > <Nextمثال ـ يك سند ساده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>
تعريف وكاربردDefinition and Usage -
تگ<body> بدنه اسناد HTML را تعريف ميكند .
عنصر<body> شامل همه محتويات يك سند HTML ،است، مثل سرفصل ها،پاراگراف تصاوير، پيوندها، جداول،ليستهاوغيره
نكته ـ تنها فقط يك عنصر بدنه ميتواند در يك سند وجود داشته باشد.
پشتيباني مرورگرBrowser Support -
| Element | 
| 
| 
| 
| 
|
|---|---|---|---|---|---|
| <body> | Yes | Yes | Yes | Yes | Yes |
ويژگي هاي جهانيGlobal Attributes -
تگ<body> از ويژگي هاي جهاني پيروي ميكند .
ويژگي هاي رويداديEvent Attributes -
همچنين تگ بدنه از ويژگي هاي رويداديHTML پيروي ميكند .
مثالهاي بيشتر
مثال ـ اضافه نمودن يك تصوير پس زمينه باCSS
<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>
مثال ـ تنظيم رنگ پس زمينه سند باCSS
<!DOCTYPE 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>
مثال ـ تنظيم متن در يك سند باCSS
<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>
تنظيمات پيش فرضDefault CSS Settings -
بيشتر مرورگرها نمايش بدنه را با تنظيمات پيش فرض زير انجام ميدهند.
body {
display: block;
margin: 8px;
}
body:focus {
outline: none;
}
مرجع كامل تگهاي HTML
مرجع كامل ويژگيهاي HTML
Previous > <Next