<body>标签 - Html (1)

📌 相关文章

📜 <body>标签 - Html (1)

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

标签 - Html

<body>标签是HTML中的一个必需标签，它用于定义HTML文档的主体部分。该标签通常包含网站的主要内容和结构，如文本、图像、视频、链接等。

语法

<body>标签的语法如下：

<body>
  <!-- 网站主体内容 -->
</body>

在<body>标签中，您可以使用多个不同的HTML元素来定义内容、样式和交互性。一些常见的标签包括：

<header>：定义文档头部
<main>：定义网站主要内容
<article>：定义独立的文章内容
<section>：定义文档中的段落或小节
<nav>：定义导航链接
<aside>：定义侧边栏内容

功能

<body>标签的主要功能是定义HTML文档的主体部分。这意味着它包含了网站的主要内容和构造，这些内容和构造可以被浏览器显示和解释。

<body>标签和其他HTML标签的配合使用，可以创建出一个完整的网页。例如，您可以在<body>标签中嵌套<header>标签来定义网页的头部，嵌套<main>标签来定义网页的主要内容，嵌套<footer>标签来定义网页的底部，等等。

示例

以下是一个简单的网页示例：

<!DOCTYPE html>
<html>
  <head>
    <title>Example Website</title>
  </head>
  <body>
    <header>
      <h1>Example Website</h1>
    </header>
    <main>
      <section>
        <h2>Welcome to our Website</h2>
        <p>This is an example website created using HTML.</p>
      </section>
      <section>
        <h2>Our Products</h2>
        <p>We sell a wide range of products, including:</p>
        <ul>
          <li>Product 1</li>
          <li>Product 2</li>
          <li>Product 3</li>
        </ul>
      </section>
    </main>
    <footer>
      <p>Copyright &copy; Example Website</p>
    </footer>
  </body>
</html>

在这个示例中，<body>标签中包含了网站的主要内容，包括头部、主要内容和底部等。这些内容会按照HTML标签的嵌套关系显示在浏览器中，给用户呈现出一个完整的网页。