轻松上手,快乐学习!

HTML <body> 标签



实例

一个简单的 HTML 文档:

<html>
<head>
  <title>文档标题</title>
</head>

<body>
  <h1>这是一个标题</h1>
  <p>这是一个段落。</p>
</body>

</html>
亲自试一试 »

下面有更多实例。


定义和用法

<body> 元素定义文档的主体。

<body> 元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等等。)

注释: HTML 文档中只能有一个 <body> 元素。


浏览器支持

元素
<body> Yes Yes Yes Yes Yes

全局属性

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


事件属性

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


更多实例

实例

将背景图像添加到文档(使用CSS):

<html>
<head>
<style>
body {
  background-image: url(bts.png);
}
</style>
</head>
<body>

<h1>Hello world!</h1>
<p><a href="https://www.begtut.com">访问 BEGTUT.com!</a></p>

</body>
亲自试一试 »

实例

设置文档的背景色(使用CSS):

<html>
<head>
<style>
body {
  background-color: #E6E6FA;
}
</style>
</head>
<body>

<h1>Hello world!</h1>
<p><a href="https://www.begtut.com">访问 BEGTUT.com!</a></p>

</body>
亲自试一试 »

实例

设置文档中文本的颜色(使用CSS):

<html>
<head>
<style>
body {
  color: green;
}
</style>
</head>
<body>

<h1>Hello world!</h1>
<p>这是一些文字。</p>
<p><a href="https://www.begtut.com">访问 BEGTUT.com!</a></p>

</body>
</html>
亲自试一试 »

实例

设置文档中未访问链接的颜色(使用CSS):

<html>
<head>
<style>
a:link {
  color:#0000FF;
}
</style>
</head>
<body>

<p><a href="https://www.begtut.com">BEGTUT.com</a></p>
<p><a href="https://www.begtut.com/html/">HTML 教程l</a></p>

</body>
</html>
亲自试一试 »

实例

设置文档中活动链接的颜色(使用CSS):

<html>
<head>
<style>
a:active {
  color:#00FF00;
}
</style>
</head>
<body>

<p><a href="https://www.begtut.com">BEGTUT.com</a></p>
<p><a href="https://www.begtut.com/html/">HTML 教程l</a></p>

</body>
</html>
亲自试一试 »

实例

设置文档中已访问链接的颜色(使用CSS):

<html>
<head>
<style>
a:visited {
  color:#FF0000;
}
</style>
</head>
<body>

<p><a href="https://www.begtut.com">BEGTUT.com</a></p>
<p><a href="https://www.begtut.com/html/">HTML 教程l</a></p>

</body>
</html>
亲自试一试 »

相关页面

HTML 教程: HTML 元素

HTML DOM 参考手册: Body 对象

HTML DOM 参考手册: document.body 属性


默认CSS设置

大多数浏览器将使用以下默认值显示 <body> 元素:

实例

body {
  display: block;
  margin: 8px;
}

body:focus {
  outline: none;
}
亲自试一试 »