📌  相关文章
📜  如何使用body标签html(1)

📅  最后修改于: 2023-12-03 15:23:58.327000             🧑  作者: Mango

如何使用<body>标签 HTML

在 HTML 中，<body> 标签用于表示当前页面的主体内容。在<body>标签中可以包含各种 HTML 元素，例如文本、图像、音频、视频等。

使用方法

在 HTML 中，<body> 标签应始终作为 HTML 文档的子元素出现，放在 <html> 标签内。下面是一个基本的 HTML 文件示例：

<!DOCTYPE html>
<html>
  <head>
    <title>这里是网页标题</title>
  </head>
  <body>
    这里是网页主体内容
  </body>
</html>

在<body>标签中，可以添加任何 HTML 元素和属性，例如文本、超链接、图片、表格、样式表等。下面是一个包含多个 HTML 元素的简单网页示例：

<!DOCTYPE html>
<html>
  <head>
    <title>这里是网页标题</title>
  </head>
  <body>
    <h1>这里是网页大标题</h1>
    <p>这里是一个段落，包含一些文本信息。</p>
    <a href="https://www.example.com">这里是一个超链接</a>
    <img src="image.jpg" alt="这里是一个图片">
    <table>
      <thead>
        <tr>
          <th>表头1</th>
          <th>表头2</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>单元格1</td>
          <td>单元格2</td>
        </tr>
        <tr>
          <td>单元格3</td>
          <td>单元格4</td>
        </tr>
      </tbody>
    </table>
    <style>
      h1 { color: red; }
      p { font-size: 16px; }
    </style>
  </body>
</html>
注意事项
  • <body> 标签中应该只包含与网页主体内容相关的 HTML 元素，不应包含标题、脚本、样式表等元素。
  • 在使用 CSS 样式表时，应将其包含在 <head> 标签中，而不是 <body> 标签中。
  • 在创建复杂的 HTML 网页时，应该使用分层结构来组织网页的主体内容，使用 <div> 标签将不同的内容分组。
结论

<body> 标签是 HTML 中的一个重要元素，用于表示网页的主体内容。通过使用不同的 HTML 元素和属性，可以创建出各种不同样式和功能的网页。