### HTML基础知识点总结
#### 一、HTML简介与基本结构
HTML（HyperText Markup Language），即超文本标记语言，是一种用于创建网页的标准标记语言。它通过一系列预定义的标签来组织文档中的各种元素，实现对文本、图片、链接等媒体的格式化显示。
**基本文档结构：**
```html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>页面标题</title>
</head>
<body>
<!-- 页面主体内容 -->
</body>
</html>
```
- `<!DOCTYPE html>` 声明文档类型。
- `<html>` 定义了 HTML 文档的根元素。
- `<head>` 包含文档元数据，如字符集、标题等。
- `<title>` 设置文档标题，在浏览器标签上显示。
- `<body>` 包含文档的所有可见内容。
#### 二、HTML基本元素
1. **Body标签**：`<body>` 标签定义了 HTML 文档的主体部分，其中可以包含所有可见的内容，如文字、图片、表格等。
- 背景属性：`background="bg1.gif"` 可以设置背景图像，支持 GIF、JPEG 等格式。
- 背景色：`bgcolor="#FFFFFF"` 设置背景颜色，支持十六进制颜色代码。
2. **字体标签**：
- 颜色：`<font color="#ff0000">...</font>` 可以设置字体颜色。
- 字体：`<font face="_gb2312">...</font>` 可以设置字体类型。
- 大小：`<font size="2">...</font>` 可以设置字体大小。
- 标题：`<h1>...</h1>` 至 `<h6>...</h6>` 标签用于定义不同级别的标题。
3. **段落和换行**：
- 段落：`<p>` 标签用于定义一个段落。
- 换行：`<br>` 标签用于插入换行符。
4. **注释**：`<!-- 注释内容 -->` 可以添加注释到 HTML 文档中，这些注释不会被浏览器显示出来。
5. **水平线**：`<hr>` 标签用于定义水平分隔线，常用于分隔页面内容。
#### 三、HTML链接
- **链接标签**：`<a href="URL">链接文本</a>` 可以创建超链接。
- 目标窗口：`target="_blank"` 表示在新窗口打开链接。
- 邮件链接：`<a href="mailto:email@example.com">发送邮件</a>` 可以创建邮件链接。
#### 四、HTML图片
- 图片标签：`<img src="image.jpg" alt="替代文本">` 用于嵌入图片。
- 属性 `width` 和 `height` 用于设置图片的宽度和高度。
- 边框：`border="2"` 可以设置图片边框。
- 水平和垂直间距：`hspace="5"` 和 `vspace="5"` 可以设置图片周围的空白区域。
#### 五、HTML表格
- **表格标签**：`<table>` 用于创建表格。
- 行标签：`<tr>` 定义表格的一行。
- 单元格标签：`<td>` 定义表格中的一个单元格。
- 表头单元格：`<th>` 定义表头单元格，通常用于表格的第一行。
- **表格属性**：
- `width` 和 `height` 分别用于设置表格的宽度和高度。
- `border` 设置边框宽度。
- `cellspacing` 设置单元格之间的距离。
- `cellpadding` 设置单元格内边距。
- **单元格属性**：
- `valign` 设置单元格内容的垂直对齐方式。
- `colspan` 和 `rowspan` 分别用于合并单元格的列和行。
#### 六、HTML表单
- **表单标签**：`<form>` 用于收集用户输入的数据。
- `action` 属性指定处理表单数据的服务器端程序。
- `method` 属性指定数据提交的方式，常用值为 `GET` 或 `POST`。
- **表单元素**：
- 文本框：`<input type="text" name="username" value="">`
- 密码框：`<input type="password" name="password" value="">`
- 提交按钮：`<input type="submit" value="提交">`
- 重置按钮：`<input type="reset" value="重置">`
- 复选框：`<input type="checkbox" name="check" value="1">`
通过以上总结，我们可以看到 HTML 作为一种基本的网页构建工具，提供了丰富的标签和属性来帮助开发者创建功能完备且美观的网页。理解并掌握这些基础知识对于从事前端开发至关重要。
