# HTML 知识点
HTML（HyperText Markup Language）是用于创建网页的标准标记语言。
# 基本结构
- 理解
<!DOCTYPE html>声明的意义。 - 掌握
<html>,<head>, 和<body>标签的使用及其作用。 - 了解如何使用
<title>标签定义文档标题。
# 文本格式化
- 使用
<p>段落标签、<br>换行标签、<hr>水平线标签等进行文本布局。 - 学会使用
<strong>（粗体）、<em>（斜体）等语义化标签来强调文本。 - 了解列表标签如
<ul>,<ol>,<li>等，以及定义列表<dl>、<dt>、<dd>。
# 链接与图片
- 如何使用
<a>标签创建超链接，包括内部链接和外部链接。 - 掌握
<img>标签的使用，包括设置图像源、替代文本等属性。
# 表单
- 理解如何使用
<form>标签构建表单。 - 掌握各种输入类型如
<input type="text">,<textarea>,<select>,<option>等。 - 了解如何提交表单数据，包括GET和POST方法。
# 表格
- 使用
<table>,<tr>,<th>,<td>等标签创建表格。 - 掌握表格的行、列、头部、脚注等概念。
# 多媒体
- 了解如何嵌入音频和视频文件，使用
<audio>和<video>标签。 - 掌握控制媒体播放的属性，如autoplay、controls等。
# 语义化标签
- 熟悉HTML5引入的新标签，如
<header>,<footer>,<article>,<section>,<nav>,<aside>等，这些标签有助于提高网页的可读性和SEO优化。
# 元数据
- 使用
<meta>标签定义字符集、视口设置、描述、关键词等信息。 - 了解
<link>标签在引用外部资源（如CSS文件）中的应用。
# 响应式设计基础
- 虽然响应式设计主要依赖于CSS，但了解如何通过HTML实现基本的响应式布局也是有益的，比如使用
<picture>标签适应不同设备的图片加载。
# 可访问性
- 了解如何通过正确的HTML结构和属性（如`aria-*`属性）提升网站的可访问性，确保残障用户也能方便地使用你的网站。
# 最佳实践
- 遵循W3C标准，保持代码整洁、可维护。
- 使用语义化的HTML，避免滥用`<div>`标签。
- 关注SEO优化，合理使用元标签和结构化数据。
DOCTYPE →