码农教程 - 一技在手,衣食无忧! tools

HTML <body> 标签

❮上一节 完整的 HTML参考 下一节❯

示例

一个简单的 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>标签定义文档的主体。

这个<body>元素包含 HTML 文档的所有内容，例如标题、段落、图片、超链接、表格、列表等。

笔记：只能有一个<body>HTML 文档中的元素。

浏览器支持

Element
<body> Yes Yes Yes Yes Yes

全局属性

这个<body>标签还支持HTML 中的全局属性。

事件属性

这个<body>标签还支持HTML 中的事件属性。

更多示例

示例

将背景图片添加到文档（使用 CSS）：

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

<h1>Hello world!</h1>
<p><a href="https://www.91xjr.com">Visit 91xjr.com!</a></p>

</body>
亲自试一试 »

示例

设置文档的背景颜色（使用CSS）：

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

<h1>Hello world!</h1>
<p><a href="https://www.91xjr.com">Visit 91xjr.com!</a></p>

</body>
亲自试一试 »

示例

设置文档中文本的颜色（使用 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.91xjr.com">Visit 91xjr.com!</a></p>

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

示例

设置文档中未访问链接的颜色（使用 CSS）：

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

<p><a href="https://www.91xjr.com">91xjr.com</a></p>
<p><a href="https://www.91xjr.com/html/">HTML Tutorial</a></p>

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

示例

设置文档中活动链接的颜色（使用 CSS）：

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

<p><a href="https://www.91xjr.com">91xjr.com</a></p>
<p><a href="https://www.91xjr.com/html/">HTML Tutorial</a></p>

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

示例

设置文档中访问过的链接的颜色（使用 CSS）：

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

<p><a href="https://www.91xjr.com">91xjr.com</a></p>
<p><a href="https://www.91xjr.com/html/">HTML Tutorial</a></p>

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

相关页面

HTML 教程：HTML 元素

HTML DOM 参考：身体对象

HTML DOM 参考：document.body 属性

默认 CSS 设置

大多数浏览器都会显示<body>具有以下默认值的元素：

示例

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

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

❮上一节 完整的 HTML参考 下一节❯