HTML - body 标签_HTML 菜鸟教程

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
body	Yes	Yes	Yes	Yes	Yes

<< HTML - title 标签 HTML - h1~h6 标签 >>