### HTML基础常用代码大全
在Web开发的广阔天地中，HTML（HyperText Markup Language）作为构建网页的基石，其重要性不言而喻，掌握HTML基础常用代码，是每位前端开发者踏上编程之旅的第一步，本文将为您梳理并介绍一系列HTML基础且常用的代码片段，帮助您快速上手网页制作。
#### 1. 基本结构
HTML文档的基本结构由几个关键部分组成：`` 声明、`` 根元素、`` 头部和 `` 主体。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>页面标题</title>
</head>
<body>
<!-- 页面内容 -->
</body>
</html>
- `` 声明文档类型和HTML版本。
- `` 元素包含了整个HTML文档。
- `` 元素包含了文档的元（meta）数据，如字符集定义、文档标题、链接到样式表和脚本等。
- `` 元素包含了可见的页面内容，如文本、图片、链接、表格、列表等。
#### 2. 文本格式化
HTML提供了多种标签来格式化文本，如加粗、斜体、下划线等。
- **加粗**：`重要文本` 或 `加粗文本`（``标签仅表示加粗，不强调重要性）。
- **斜体**：`强调文本` 或 `斜体文本`（``标签通常用于技术术语、外来语等）。
- **下划线**：HTML本身没有直接的下划线标签，但可通过CSS实现（`下划线文本`）。
#### 3. 链接
`` 标签用于定义超链接，可以链接到其他网页、文件、邮箱地址、位置等。
<a href="https://www.example.com">访问Example网站</a> <a href="mailto:someone@example.com">发送邮件</a>
#### 4. 图片
`` 标签用于在HTML页面中嵌入图片。
<img src="image.jpg" alt="描述性文本">
- `src` 属性指定图片的路径。
- `alt` 属性提供图片的替代文本，用于图片无法显示时（如网络问题或用户使用了屏幕阅读器）。
#### 5. 列表
HTML支持有序列表（``）、无序列表（``）和定义列表（``）。
- **无序列表**：
<ul>
<li>列表项1</li>
<li>列表项2</li>
</ul>
- **有序列表**：
<ol>
<li>第一步</li>
<li>第二步</li>
</ol>
- **定义列表**：
<dl>
<dt>术语</dt>
<dd>定义描述</dd>
</dl>
#### 6. 表格
``、``、``、`` 标签用于创建表格。
<table border="1">
<tr>
<th>标题1</th>
<th>标题2</th>
</tr>
<tr>
<td>数据1</td>
<td>数据2</td>
</tr>
</table>
- `border` 属性（非标准属性，仅用于示例）用于显示表格边框。
- `` 定义表格行。
- `` 定义表头单元格，通常加粗并居中显示。
- `` 定义表格标准单元格。
#### 7. 表单
`` 标签用于创建HTML表单，收集用户输入。
<form action="/submit-form" method="post">
<label for="name">姓名：</label>
<input type="text" id="name" name="name"><br>
<label for="email">邮箱：</label>
<input type="email" id="email" name="email"><br>
<input type="submit" value="提交">
</form>
- `action` 属性定义处理表单数据的服务器地址。
- `method` 属性指定数据提交的方式（GET或POST）。
- `` 标签定义输入字段
