HTML文档的结构是构建网页的基础，它定义了网页的整体布局和内容组织。在本课程中，我们将学习HTML文档结构的各个方面，并探索如何创建具有良好结构的网页。
1. DOCTYPE声明
在开始编写HTML文档之前，我们需要添加一个DOCTYPE声明。DOCTYPE声明告诉浏览器文档使用的是哪个HTML版本。正确的DOCTYPE声明可以确保浏览器以正确的方式解析和渲染网页。
<!DOCTYPE html>2. HTML标签
HTML文档以<html>标签开始，表示整个HTML文档的根元素。在<html>标签内部，我们可以定义文档的头部和主体部分。
<html><!-- 头部内容和元数据 --><head><!-- 在<head>中添加<meta>标签、链接外部CSS样式表、引入JavaScript文件等 --></head><!-- 主体内容 --><body><!-- 在<body>中添加网页的实际内容，如标题、段落、图像、链接等 --></body></html>
3. 头部内容
头部部分包含了文档的元数据和其他与文档相关的信息。在头部中，我们可以添加标题、描述、关键字、作者等元数据，还可以链接外部样式表和脚本文件。
<head><!-- 设置网页标题 --><title>My Awesome Website</title><!-- 添加网页描述 --><meta name="description" content="这是一个令人惊叹的网站"><!-- 设置关键字 --><meta name="keywords" content="HTML, CSS, JavaScript, 前端开发"><!-- 引入外部CSS样式表 --><link rel="stylesheet" href="styles.css"><!-- 引入外部JavaScript文件 --><script src="script.js"></script></head>
4. 主体内容
主体部分是网页的实际内容所在。在主体中，我们可以添加标题、段落、图像、链接和其他各种HTML元素来展示页面的信息。
<body><!-- 添加标题 --><h1>Welcome to My Awesome Website</h1><!-- 添加段落 --><p>This website is dedicated to providing you with the most amazing content.</p><!-- 插入图像 --><img src="image.jpg" alt="A beautiful image"><!-- 添加链接 --><a href="about.html">Learn more about us</a></body>
5. HTML注释
HTML注释是用于在代码中添加注释和说明的一种方式，它们不会在浏览器中显示出来，只用于开发者之间的交流和文档说明。
<!-- 这是一个HTML注释，用于添加注释和说明 -->通过学习HTML文档结构，你将
能够创建结构良好、语义明确的网页。合理的文档结构有助于提高网页的可读性和可维护性，并为搜索引擎优化（SEO）提供良好的基础。让我们开始编写具有清晰结构的网页吧！