深入一些HTML 的知识点，更全面地掌握：
8. 深入理解标签的属性
几乎所有 HTML 标签都有属性，用于提供额外信息。属性通常写在开始标签中，格式为 属性名="属性值" 。
- 通用属性：所有标签都能使用，比如 class （给元素分类，用于 CSS 或 JS 操作）、 id （唯一标识元素，不能重复）、 style （直接写 CSS 样式，优先级高）、 title （鼠标悬停时显示的提示文本）。
示例：
html
<p class="intro" id="first-paragraph" title="这是第一段">Hello World</p >
- 标签特有属性：比如 <a> 的 href （链接地址）、 target （打开方式， _blank 表示新窗口）； <img> 的 width / height （图片尺寸，建议用 CSS 控制更灵活）； <input> 的 type （输入类型，如 text 、 password 、 checkbox ）、 placeholder （提示文字）等。
9. 表格（Table）的使用
表格用于展示结构化数据，由 <table> 包裹，核心标签包括：
- <tr> ：表格行（table row）
- <td> ：表格单元格（table data）
- <th> ：表头单元格（table header，默认加粗居中）
- <thead> 、 <tbody> 、 <tfoot> ：分别表示表头、表体、表尾（语义化，让结构更清晰）
示例：
html
<table border="1"> <!-- border 是边框属性，实际开发用 CSS 控制 -->
<thead>
<tr>
<th>姓名</th>
<th>年龄</th>
</tr>
</thead>
<tbody>
<tr>
<td>小明</td>
<td>20</td>
</tr>
<tr>
<td>小红</td>
<td>19</td>
</tr>
</tbody>
</table>
10. 表单（Form）的高级用法
表单用于收集用户输入，核心是 <form> 标签，配合各种 <input> 类型和其他控件：
- action ：表单提交的目标地址（后端接口）
- method ：提交方式（ get 或 post ， get 数据在 URL 中可见，适合简单查询； post 更安全，适合提交敏感数据）
- 常见输入类型：
- text ：单行文本
- password ：密码（输入内容隐藏）
- radio ：单选按钮（多个同组需设置相同 name 属性）
- checkbox ：复选框
- submit ：提交按钮
- reset ：重置按钮
- file ：文件上传
- date ：日期选择
示例：
html
<form action="/submit" method="post">
<label for="username">用户名：</label> <!-- label 关联 input，点文字也能聚焦输入框 -->
<input type="text" id="username" name="username" required> <!-- required 表示必填 -->
<label>性别：</label>
<input type="radio" name="gender" value="male"> 男
<input type="radio" name="gender" value="female"> 女
<button type="submit">提交</button>
<button type="reset">重置</button>
</form>
11. 多媒体标签
HTML5 支持直接嵌入音视频，无需依赖插件：
- <audio> ：音频标签，支持 mp3 、 wav 等格式， controls 属性显示播放控件。
html
<audio src="music.mp3" controls autoplay loop>你的浏览器不支持音频</audio>
<!-- autoplay 自动播放（部分浏览器需配合 muted 静音），loop 循环播放 -->
- <video> ：视频标签，支持 mp4 、 webm 等格式，属性类似 <audio> ，还可设置 width / height 。
html
<video src="video.mp4" controls width="600">你的浏览器不支持视频</video>
12. 注释和特殊字符
- 注释：用 <!-- 注释内容 --> 表示，浏览器不会显示，用于解释代码，方便后期维护。
html
<!-- 这是头部导航 -->
<nav>...</nav>
- 特殊字符：有些字符在 HTML 中有特殊含义（如 < 、 > 、空格），需要用实体字符表示：
- < 对应 <
- > 对应 >
- 对应空格（多个空格会被合并，用 可强制显示）
- © 对应 ©（版权符号）
13. 嵌套规则
HTML 标签需要正确嵌套，不能交叉。例如：
✅ 正确： <p>这是<strong>加粗</strong>文本</p >
❌ 错误： <p>这是<strong>加粗</p ></strong> （交叉嵌套）
学习这些内容后，可以尝试做更复杂的练习，比如：
- 做一个包含表单、表格、图片和音频的个人信息页
- 模仿一个简单的新闻列表页（用语义化标签 <header> 、 <article> 、 <footer> 等）
记住，HTML 是网页的“骨架”，重点是理解如何用标签合理组织内容。多写代码、多检查浏览器效果，遇到问题查 MDN 文档，进步会很快！接下来可以结合 CSS 学习，让页面更美观~