概述

在本文中，您将了解名为 <body> 标记的 HTML 元素。正文标签包含网页的所有主要内容，如标题、段落、图像、表格等。它始终包含在 <html> 标记中。您在 Web 浏览器上看到的所有内容都将出现在 <body> 标签中。

HTML <body>标签

我们都知道HTML基本上是用来构建互联网上可用的网站的。 HTML 由一系列元素组成，如<head>标签<title>标签等，用于构建网页。一个这样的元素是网页所有其他内容（如标题、段落、图像、表格等）的主页，是 HTML <body> 标签。

<body> 标签内的所有内容仅在网页上可见。

例如

 

<html>
<head>
  <title>Title of the WebPage</title>
</head>

<body>
  <p> Everything inside the body tag is visible on the web page.</p>
</body>

</html>

 

 

 

如示例中所示，<body> 标记始终包含在 <html> 标记中，并且整个网页中只能有一个 <body> 标记。它通常出现在 <head> 标签之后。标签中的内容写在开始 （<body>） 和结束 （</body>） 标签之间。
 

语法
 

 

<body> Contents .... </body> 

 

标记特定属性
 

<body> 标记具有一些属性，这些属性会改变网页的外观。让我们了解其中的一些。
 

属性描述
bgcolor页面背景的颜色
阿林克链接的文本颜色
背景用作背景的图像
链接未访问的链接的文本颜色
vlink的已访问链接的文本颜色
发短信网页上文字的颜色
边缘用于向网页添加边距
 

窗口事件属性
 

有一些窗口事件属性是基于脚本的，并在 <body> 标记中使用。
 

下面给出几个例子供您参考。
 

属性描述
在线浏览器开始联机工作时触发的脚本
离线浏览器开始脱机工作时触发的脚本
加载页面完全加载时触发的脚本
onerror发生错误时触发的脚本
onpageshow用户访问页面时触发的脚本
onresize调整浏览器窗口大小时触发的脚本
 

HTML <body> 标记用法
 

下面是一个带有 <body> 标签的网页的基本结构示例。
 

 

<html>
<head>
  <title>Title of the WebPage</title>
</head>

<body>
  <h1>This is a heading</h1>
  <p>This is a paragraph. Everything inside the body tag is visible on the web page.</p>
</body>

</html>

 

 

 

解释
 

  • <body> 元素包含网页的所有内容，如标题、段落、图像、表格等。这里 <h1> 元素指定标题，<p> 元素指定段落。
  • <html> 元素包含网页的所有内容。
  • <head> 元素包含有关 HTML 页面的其他信息，如页面标题。
  • <title>元素指定网页的标题，该标题显示在浏览器的窗口中。
 

下面是另一个带有 bgcolor 属性的 <body> 标签用法示例。
 

 

<html>
<head>
  <title>Title of the WebPage</title>
</head>

<body bgcolor = 'yellow'>
  <h1>This is a heading</h1>
  <p>This is a paragraph. Everything inside the body tag is visible on the web page.</p>
</body>

</html>

 

 

 

解释
 

HTML bgcolor 属性用于设置 HTML 元素的背景色。
 

语法
 

 

<body bgcolor = 'value'> Contents .... </body> 

 

Atrribute 值可以是以下任何值：
 

  • 颜色名称：背景颜色是使用颜色名称设置的。例如“黄色”
  • 十六进制数：使用颜色十六进制代码设置背景颜色。例如，“#0000ff”。
  • RGB编号：背景颜色是使用 RGB 代码设置的。例如：“RGB（0， 153， 0）”。
 

支持的浏览器
 

所有主流 Web 浏览器都支持 HTML <body> 标记。HTML <body> 标记被所有主要的 Web 浏览器支持，因为它是主要的 html 元素。
 

以下是一些主要支持的浏览器列表。
 

  • 谷歌浏览器
  • IE浏览器
  • 火狐浏览器
  • 歌剧
  • Safari 浏览器
  • Microsoft 边缘
 

 

 

总结
 

  • HTML <body>标签包含网页的所有主要内容，例如标题、段落、图像、表格等。
  • <body> 标签内的所有内容仅在网页上可见。
  • HTML <body> 标签具有 bgcolor、text 等属性，可以改变网页的外观。
  • HTML <body> 标记被所有主要的 Web 浏览器支持，因为它是主要的 html 元素。
 
  

        # html
      
        # 前端
      
        # javascript
      
  
 
 Logo 
开放原子开发者工作坊
 
开放原子开发者工作坊旨在鼓励更多人参与开源活动，与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动，如meetup、训练营等，主打技术交流，干货满满，真诚地邀请各位开发者共同参与！
 
 
  
更多推荐
  
 
开源成为金融领域创新发展的新动力引擎

 
开源成为金融领域创新发展的新动力引擎
 
avatar 开放原子开发者工作坊
 
 
开源成为推动城市数字化转型的核心动力

 
城市，不仅是人们工作与生活的基本载体，更是承载着亿万人民的希望与梦想。近年来，我国智慧城市建设如火如荼，开源技术的深度融合为其发展注入了新的活力。在民生、环保、公共安全、城市服务等多个领域，开源技术的应用不仅为民众带来了切实的便捷，而且促进了政府决策的科学化，显著提升了城市综合治理能力。
 
avatar 开放原子开发者工作坊
 
 
OpenLoong项目通过技术监督委员会（TOC）评审

 
OpenLoong项目通过技术监督委员会（TOC）评审
 
avatar 开放原子开发者工作坊