HTML <body> 标签 详解
HTML <body> 标签
实例
一个简单的 HTML 文档，带有最基本的必需的元素：
<html>
<head>
<title>文档的标题</title>
</head>
<body>
文档的内容... ...
</body>
</html>
完整实例【亲自试一试】：
<html>
<head>
<title>我的第一个 HTML 页面</title>
</head>
<body>
<p>body 元素的内容会显示在浏览器中。</p>
<p>title 元素的内容会显示在浏览器的标题栏中。</p>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
浏览器支持
| 元素 | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| <body> | Yes | Yes | Yes | Yes | Yes |
所有主流浏览器都支持 <body> 标签。
定义和用法
body 元素定义文档的主体。
body 元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等。）
HTML 与 XHTML 之间的差异
在 HTML 4.01 中，所有 body 元素的“呈现属性”均不被赞成使用。
在 XHTML 1.0 Strict DTD 中，所有 body 元素的“呈现属性”均不被支持。
可选的属性
| 属性 | 值 | 描述 |
|---|---|---|
| alink |
|
不赞成使用。请使用样式取代它。 规定文档中活动链接（active link）的的颜色。 |
| background | URL |
不赞成使用。请使用样式取代它。 规定文档的背景图像。 |
| bgcolor |
|
不赞成使用。请使用样式取代它。 规定文档的背景颜色。 |
| link |
|
不赞成使用。请使用样式取代它。 规定文档中未访问链接的默认颜色。 |
| text |
|
不赞成使用。请使用样式取代它。 规定文档中所有文本的颜色。 |
| vlink |
|
不赞成使用。请使用样式取代它。 规定文档中已被访问链接的颜色。 |
全局属性
<body> 标签支持 HTML 中的全局属性。
事件属性
<body> 标签支持 HTML 中的事件属性。
TIY 实例
完整实例【一个简单的 HTML 文件】：
<html>
<head>
<title>我的第一个 HTML 页面</title>
</head>
<body>
<p>body 元素的内容会显示在浏览器中。</p>
<p>title 元素的内容会显示在浏览器的标题栏中。</p>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
这个例子是一个很简单的 HTML 文件，使用了尽量少的 HTML 标签。它向您演示了 body 元素中的内容是如何被浏览器显示的。
完整实例【背景颜色】：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Language" content="zh-cn" />
</head>
<body bgcolor="yellow">
<h2>请看: 改变了颜色的背景。</h2>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
本例演示如何为 HTML 页面添加背景颜色。
完整实例【背景图片】：
<html>
<body background="/i/eg_background.jpg">
<h3>图像背景</h3>
<p>gif 和 jpg 文件均可用作 HTML 背景。</p>
<p>如果图像小于页面，图像会进行重复。</p>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
本例演示如何添加背景图片到 HTML 页面。
相关页面
HTML DOM 参考手册：Column 对象
