📌  相关文章
📜  HTML 课程 | HTML 文档的结构(1)

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

HTML 课程 | HTML 文档的结构

HTML（Hypertext Markup Language，超文本标记语言）是用于创建 Web 页面和其他在线内容的基础性语言。本课程旨在介绍 HTML 文档的结构，帮助程序员了解 HTML 文档的基本组成部分以及每个部分的作用。

HTML 文档的结构

HTML 文档的结构通常由以下几个部分组成：

<!DOCTYPE> 声明
声明用于指定 HTML 文档所使用的 HTML 版本。通常情况下，你可以使用以下标准的 声明： 
<!DOCTYPE html>

这表示使用 HTML5 版本。

HTML 标签

HTML 标签是构成 HTML 文档的基础组成部分。每个开始标签和结束标签都包含在一对尖括号中。例如：

<h1>这是标题</h1>

这表示定义了一个级别为一级标题的标题元素。

标签
标签定义了整个 HTML 文档的根元素。在 标签中，通常会包含 和 元素，如下所示： 
<!DOCTYPE html>
<html>
<head>
  <title>这是标题</title>
</head>
<body>
  <h1>这是一级标题</h1>
  <p>这是一个段落。</p>
</body>
</html>
标签
标签用于定义 HTML 文档的头部区域。在 标签中，通常会包含文档的标题、meta 元素、样式表链接等元素。 
<head>
  <title>这是标题</title>
  <meta charset="utf-8">
  <link rel="stylesheet" href="styles.css">
</head>
标签
标签用于定义 HTML 文档的主要内容区域。在 标签中，通常会包含文本、图像、链接、表格等元素。 
<body>
  <h1>这是一级标题</h1>
  <p>这是一个段落。</p>
  <img src="example.jpg" alt="示例图片">
  <a href="http://example.com">这是一个链接</a>
  <table>
    <tr>
      <td>单元格 1</td>
      <td>单元格 2</td>
    </tr>
    <tr>
      <td>单元格 3</td>
      <td>单元格 4</td>
    </tr>
  </table>
</body>
总结

HTML 文档的结构由 <!DOCTYPE> 声明、、、 等标签组成。每个标签都有其特定的作用，以协助程序员构建具有良好结构和一致性的网页。掌握 HTML 文档的基本结构是学习 HTML 编程的重要第一步。