HTML - <body> 标签

HTML 的<body>标签用于定义任何HTML文档的主要内容，这些内容将在网页上呈现。它包含页面所有主要内容，包括<a href="/html/html_headings.htm" target="_blank">标题</a>、<a href="/html/html_paragraphs.htm" target="_blank">段落</a>、图形、<a href="/html/html_tables.htm" target="_blank">表格</a>等。<body>标签是一个这样的元素，它作为所有其他网页元素的容器。

语法

<body>
..
.. 
</body>

属性

HTML body标签支持<a href="/html/html_attributes_reference.htm" target="_blank">全局属性</a>和<a href="/html/html_events_reference.htm" target="_blank">事件属性</a>。

尝试点击图标<img class="run-button" src="/images/run-button.png" alt="run button">运行按钮来运行以下HTML代码以查看输出。

HTML body标签示例

在下面的示例中，我们将看到带有其他HTML元素的多个body标签示例。

在body标签中使用div和标题元素

在下面的示例中，我们创建了一个HTML文档以及一个<body>元素，它包含页面的标题和div。

<!DOCTYPE html>
<html>
<body>
   <h1>Tutorialspoint Online HTML Editor</h1>
   <div>This is real time online HTML Editor</div>
</body>
</html>

在body标签中使用div、标题和段落元素

在下面的示例中，我们创建了一个HTML文档以及一个<body>元素，它包含页面的标题、div和段落。

<!DOCTYPE html>
<html>
<body>
   <h1>Tutorialspoint Online HTML Editor</h1>
   <div>This is real time online HTML Editor</div>
   <p>Tutorialspoint easy to learn!</p>
</body>
</html>

在body标签中包含图像元素

在下面的示例中，我们创建了一个HTML文档，它将图像标签放在body元素内。

<!DOCTYPE html>
<html>
<body>
   <h2>This is tutorialspoint logo!</h2>
   <img src="https://tutorialspoint.com/images/logo.png?v2" alt="img" />
</body>
</html>

在body标签中包含超链接元素

在下面的示例中，我们将超链接标签放在body元素内。

<!DOCTYPE html>
<html>
<body>
   <a href="https://tutorialspoint.com/index.htm"
      target="_blank">
      Tutorialspoint.com
   </a>
   <a href="https://tutorialspoint.com/codingground.htm"
      target="_blank">
      Coding Ground
   </a>
</body>
</html>

支持的浏览器

标签
body	是	是	是	是	是

html_tags_reference.htm

打印页面