HTML - body 标签



HTML <body>标签用于定义将在网页上呈现的任何 HTML 文档的主要内容。它包括页面的所有主要内容,包括<title><p>、<img>、<table>等。<body> 标签就是这样一种元素,它充当所有其他网页元素的容器。

语法


<body>
..
.. 
</body>

属性

<body> 标签支持全局属性事件属性

HTML <body> 标签示例

在下面的示例中,我们将看到具有其他 HTML 元素的多个正文标签示例。

在<body>标签中使用 div 和 headinsg 元素

在下面的示例中,我们将创建一个 HTML 文档以及一个 <body> 元素,该元素保留页面的标题和 div。


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

在 <body>标签中使用 div、heading 和 paragraph 元素

在下面的示例中,我们将创建一个 HTML 文档以及一个 <body> 元素,该元素保留标题、div 和段落。


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

在 <body>标签中包含图像元素

在下面的示例中,我们正在创建一个 HTML 文档,该文档将图像标签保留在 body 元素中。


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

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

在下面的示例中,我们将 超链接 标签保留在 body 元素中。


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

支持的浏览器

Tag Chrome Edge Firefox Safari Opera
body Yes Yes Yes Yes Yes