引言
欢迎来到《HTML与CSS基础与进阶》课程的第一天！今天，我们将一起探索HTML的基础——文档结构与标签详解。HTML（HyperText Markup Language）是构建网页的基石，它定义了网页的结构和内容。通过今天的课程，你将学会如何编写一个基本的HTML文档，并理解HTML标签的作用和用法。
一、HTML文档结构
一个完整的HTML文档通常由以下几个部分组成：
- 文档类型声明（Doctype）：
告诉浏览器使用哪种HTML版本来解析文档。
示例：
- html标签：
包含整个HTML文档的根元素。
示例： 和
- head标签：
包含文档的元数据（metadata），如标题、字符集、样式表链接等。
示例： 和
- title标签：
定义文档的标题，显示在浏览器的标签栏或标题栏上。
示例：
- body标签：
包含文档的主体内容，如文本、图像、链接等。
示例： 和
二、HTML标签详解
HTML标签通常由开始标签、内容和结束标签组成。以下是一些常用的HTML标签及其用法：
- 标题标签（h1-h6）：
用于定义不同级别的标题。
示例：这是一级标题
- 段落标签（p）：
用于定义段落。
示例： 这是一个段落。
- 链接标签（a）：
用于创建超链接，可以链接到另一个网页、文件、邮箱地址等。
示例：访问示例网站
- 图像标签（img）：
用于在网页中嵌入图像。
示例：
- 列表标签（ul、ol、li）：
用于创建无序列表、有序列表和列表项。
示例：html
- 列表项1
- 列表项2
- 有序列表项1
- 有序列表项2
- 表格标签（table、tr、td）：
用于创建表格。示例：html
单元格1
单元格2
- 表单标签（form）：
用于创建用户输入表单，如文本框、按钮、下拉菜单等。示例：html
三、注意事项
- 标签的嵌套：HTML标签可以嵌套使用，但需要注意嵌套的正确性，如块级元素不能嵌套在行内元素内部。
- 属性：许多HTML标签可以包含属性，这些属性提供了关于标签的额外信息。例如， 标签的 href 属性指定了链接的目标地址。
- 闭合标签：大多数HTML标签都需要闭合，即每个开始标签都需要一个对应的结束标签。但也有一些自闭合标签，如
和
。
四、实践练习
现在，让我们来编写一个简单的HTML文档，以巩固今天学到的知识：html
我的第一个HTML页面
欢迎来到我的网页
这是一个简单的HTML示例。
访问示例网站
- 列表项1
- 列表项2
结语
通过今天的课程，你已经掌握了HTML文档的基本结构和常用标签的用法。接下来，我们将继续深入学习HTML的进阶内容，包括表单、多媒体、CSS引入等。请保持学习的热情，我们下节课再见！
以上内容已经过仔细校对，确保准确性和完整性，适合发布到网上供学习者参考。