前端：HTML
HTML（超文本标记语言，HyperText Markup Language）是构建网页的标准标记语言。它被广泛用于创建和设计网页内容，使得文本、图像、链接、表格等元素能够在浏览器中以结构化的形式展示。以下是 HTML 的详细介绍：
1. HTML 的基本结构
HTML 文档通常由一系列嵌套的元素和标签构成，具有以下基本结构：
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>文档标题</title> </head> <body> <h1>欢迎使用 HTML！</h1> <p>这是一个段落。</p> </body> </html> `<!DOCTYPE html>`：声明文档类型，告知浏览器使用 HTML5 解析文档。
`<html>`：根元素，包含整个 HTML 文档。
`<head>`：文档的头部，包括元数据（如字符集、标题等）。
`<meta>`：提供文档的元信息，如字符集和视口设定。
`<title>`：文档标题，显示在浏览器标签上。
`<body>`：文档的主体，包含实际展示给用户的内容。
2. 常用 HTML 标签
标题标签：用于定义标题。级别从 `<h1>` 到 `<h6>`，数字越小，标题级别越高。
<h1>主要标题</h1>
<h2>副标题</h2>
段落标签：`<p>` 标签用于定义段落。
<p>这是一个段落。</p>
链接标签：`<a>` 标签用于创建链接。
<a href="https://www.example.com">访问示例网站</a>
图像标签：`<img>` 标签用于插入图像，`src` 属性指定图像源，`alt` 属性提供替代文本。
<img src="image.jpg" alt="描述图像">
列表标签：无序列表使用 `<ul>` 标签，列表项使用 `<li>` 标签；有序列表使用 `<ol>` 标签。
<ul>
<li>项目一</li>
<li>项目二</li>
</ul>
表格标签：使用 `<table>`、`<tr>`（行）、`<td>`（单元格）标签定义表格。
<table>
<tr>
<th>标题1</th>
<th>标题2</th>
</tr>
<tr>
<td>内容1</td>
<td>内容2</td>
</tr>
</table>
3. HTML 的重要性
网页结构：HTML 为网页提供了结构，定义了内容的逻辑层次，帮助搜索引擎和辅助技术理解网页内容。
与 CSS 和 JavaScript 的结合：HTML 通常与 CSS（层叠样式表）和 JavaScript 一起使用，CSS 负责网页的样式和布局，JavaScript 提供交互功能。三者共同构成了现代网页的基础。
4. HTML5 的特点
HTML5 是最新版本的 HTML，带来了许多新特性和改进，包括：
新语义元素：如 `<header>`、`<footer>`、`<article>`、`<section>`，增强了文档的语义结构。
多媒体支持：原生支持音频（`<audio>`）和视频（`<video>`）标签，无需依赖第三方插件。
本地存储：提供了本地存储 API，可以在客户端存储数据，提升用户体验。
更强的表单控件：新的表单元素和属性，如日期选择器、电子邮件输入框等，增强了表单的功能性。
5. 工具和资源
网页编辑器：可以使用各种编辑器编写 HTML，常见的有 Visual Studio Code、Sublime Text 和 Notepad++ 等。
在线学习资源：对于初学者来说，很多网站提供免费的 HTML 学习资源，如 W3Schools、MDN Web Docs。
6. 总结
HTML 是构建网页的基础，它定义了网页内容的结构和语义。通过与 CSS 和 JavaScript 的结合，HTML 能够为用户提供丰富的网页体验。学习 HTML 是前端开发的第一步，能够帮助您创建和维护网站。
