HTML <body> 标签

实例

一个简单的 HTML 文档,带有最基本的必需的元素:

  1. <html>
  2. <head>
  3. <title>文档的标题</title>
  4. </head>
  5. <body>
  6. 文档的内容... ...
  7. </body>
  8. </html>

浏览器支持

元素 Chrome Internet Explorer / Edge 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 rgb(x,x,x)
#xxxxxx
colorname
不赞成使用。请使用样式取代它。
规定文档中活动链接(active link)的的颜色。
background URL 不赞成使用。请使用样式取代它。
规定文档的背景图像。
bgcolor rgb(x,x,x)
#xxxxxx
colorname
不赞成使用。请使用样式取代它。
规定文档的背景颜色。
link rgb(x,x,x)
#xxxxxx
colorname
不赞成使用。请使用样式取代它。
规定文档中未访问链接的默认颜色。
text rgb(x,x,x)
#xxxxxx
colorname
不赞成使用。请使用样式取代它。
规定文档中所有文本的颜色。
vlink rgb(x,x,x)
#xxxxxx
colorname
不赞成使用。请使用样式取代它。
规定文档中已被访问链接的颜色。

全局属性

<body> 标签支持 HTML 中的全局属性

事件属性

<body> 标签支持 HTML 中的事件属性

TIY 实例

一个简单的 HTML 文件

这个例子是一个很简单的 HTML 文件,使用了尽量少的 HTML 标签。它向您演示了 body 元素中的内容是如何被浏览器显示的。

  1. <html>
  2. <head>
  3. <title>我的第一个 HTML 页面</title>
  4. </head>
  5. <body>
  6. <p>body 元素的内容会显示在浏览器中。</p>
  7. <p>title 元素的内容会显示在浏览器的标题栏中。</p>
  8. </body>
  9. </html>

背景颜色

本例演示如何为 HTML 页面添加背景颜色。

  1. <body bgcolor="yellow">
  2. <h2>请看: 改变了颜色的背景。</h2>
  3. </body>

背景图片

本例演示如何添加背景图片到 HTML 页面。

eg_background.jpg

  1. <body background="/uploads/projects/html/202305/1763a4a58467eb2c.jpg">
  2. <h3>图像背景</h3>
  3. <p>gif 和 jpg 文件均可用作 HTML 背景。</p>
  4. <p>如果图像小于页面,图像会进行重复。</p>

相关页面

HTML DOM 参考手册:Column 对象