:"http://www.example.com" target="_blank">访问示例网站</a>
- **知识点解析**：
- **超链接的基本语法**：`<a href="URL" target="_blank">链接文本</a>`，其中`href`属性定义了链接的目标地址，`target="_blank"`则表示在新窗口中打开链接目标，而`链接文本`则是用户点击的部分。
2. **锚点链接**
- **定义**：允许在同一个网页内进行快速定位。
- **语法**：在目标位置使用`<a name="section"></a>`创建一个命名锚点，并使用`<a href="#section">跳转到该节</a>`来链接至该锚点。
3. **图片链接**
- **定义**：将图片作为链接的一部分。
- **语法**：`<a href="URL"><img src="image.jpg" alt="替代文本"></a>`，其中`src`属性定义图片来源，`alt`属性则提供图片无法加载时的替代文本。
### 第一章 HTML的基本标签
#### 一、HTML文档的结构：
- **标准结构**：`<html><head><title>标题</title></head><body>...内容...</body></html>`
- **解析**：HTML文档由`<html>`标签包裹，其中`<head>`标签包含了文档的元数据如标题等，`<body>`标签则包含了文档的所有可见内容。
#### 二、使用记事本创建网页
- **步骤**：
1. 打开记事本。
2. 输入HTML代码。
3. 保存为`.html`文件。
4. 使用浏览器打开查看效果。
#### 三、网页的编码语言 `<meta>`标签
- **作用**：定义文档的元信息，如字符集。
- **常见属性**：
- `charset=utf-8`：指定文档使用的字符编码为UTF-8。
- `charset=gb2312`：简体中文编码。
- `charset=iso-8859-1`：西欧语言编码。
- `charset=big5`：繁体中文编码。
#### 四、页面的背景色及背景图像
- **背景色设置**：`<body bgcolor="color">`，其中`color`可以用十六进制颜色值或颜色名称表示。
- **背景图设置**：`<body background="image.jpg">`，其中`image.jpg`是图片文件名。
#### 五、字体字号相关标签
- **标题标签**：`<h1>`至`<h6>`，分别表示不同级别的标题。
- **字体标签**：`<font>`，用于修改字体、字号、颜色等。
- **示例**：`<font size="+2" color="red" face="隶书">文本</font>`
- **特殊符号**：使用转义符表示特殊字符，如` `表示空格、`>`表示大于号等。
#### 六、行与段的控制
- **段落标签**：`<p>`，用于定义段落。
- **换行标签**：`<br/>`，用于强制换行。
#### 七、常见的图片格式及其特点
- **JPEG**：适合照片或具有大量颜色渐变的图像。
- **GIF**：支持透明度和动画效果，但色彩数量受限。
- **PNG**：支持高色彩图像和透明度，文件大小通常比GIF小。
#### 八、<HR>（水平线）标签
- **语法**：`<hr size="高度" color="颜色" width="宽度">`
- **参数**：`size`定义线条的高度，`color`定义线条的颜色，`width`定义线条的宽度（像素或百分比）。
#### 九、列表
- **有序列表**：`<ol>`，定义编号列表。
- **示例**：`<ol type="1"><li>项目1</li><li>项目2</li></ol>`
- **无序列表**：`<ul>`，定义项目列表。
- **示例**：`<ul type="circle"><li>项目1</li><li>项目2</li></ul>`
- **列表项**：`<li>`，定义列表中的每一项。
#### 十、页面链接 `<a>`
- **内部链接**：链接至同一网站内的其他页面。
- **外部链接**：链接至其他网站。
- **锚点链接**：链接至当前页面内的某个位置。
- **图片链接**：链接通过图片实现。
### 第二章 表格基础
#### 一、表格的基本结构
- **基本语法**：`<table><tr><td>...</td></tr></table>`
- `<table>`：定义表格。
- `<tr>`：定义表格行。
- `<td>`：定义单元格。
#### 二、跨多行多列的表格
- **跨行**：使用`rowspan`属性。
- **示例**：`<td rowspan="2">...</td>`
- **跨列**：使用`colspan`属性。
- **示例**：`<td colspan="2">...</td>`
#### 三、表格的美化
- **边框**：使用`border`属性。
- **背景色**：使用`bgcolor`属性。
- **文字居中**：使用`align`属性。
### 第三章 表单与框架
#### 一、表单的基本结构
- **基本语法**：`<form action="URL" method="POST"><input type="text" name="name"><input type="submit" value="提交"></form>`
- `action`：定义表单提交的目标URL。
- `method`：定义提交方法（`GET`或`POST`）。
#### 二、表单包含的控件
- **文本输入**：`<input type="text">`
- **密码输入**：`<input type="password">`
- **单选按钮**：`<input type="radio">`
- **复选框**：`<input type="checkbox">`
- **下拉列表**：`<select><option>...</option></select>`
- **文本区域**：`<textarea>...</textarea>`
#### 三、表单元素的统一格式
- **名称属性**：`name`，用于标识表单元素。
- **值属性**：`value`，定义元素的值。
#### 四、表单元素的介绍
- **提交按钮**：`<input type="submit">`
- **重置按钮**：`<input type="reset">`
#### 五、框架
- **基本语法**：`<frameset cols="*"><frame src="URL"></frameset>`
- `cols`：定义列布局。
- `rows`：定义行布局。
- `<frame>`：定义每个框架的内容源。
#### 六、多个复杂窗口
- **嵌套框架**：可以使用多个`<frameset>`嵌套定义更复杂的布局。
### 第四章 CSS样式表总结
#### 一、样式表的基本结构
- **内联样式**：直接在HTML标签中定义。
- **内部样式表**：在`<head>`中使用`<style>`标签定义。
- **外部样式表**：通过`<link rel="stylesheet" href="URL">`引入外部CSS文件。
#### 二、样式规则（标签样式）
- **定义方式**：`selector {property: value;}`，其中`selector`是选择器，`property`是属性名，`value`是属性值。
#### 三、类样式（class）
- **定义方式**：`.classname {property: value;}`，其中`.classname`是类名。
#### 四、常用的样式属性
- **颜色**：`color`，设置文字颜色。
- **背景颜色**：`background-color`，设置背景颜色。
- **字体家族**：`font-family`，定义字体。
- **字体大小**：`font-size`，定义字体大小。
- **文本对齐**：`text-align`，定义文本对齐方式。
- **边距**：`margin`，定义外边距。
- **填充**：`padding`，定义内边距。
- **边框**：`border`，定义边框样式。
#### 五、样式表的应用方式
- **内联样式**：直接在HTML元素中使用`style`属性。
- **内部样式表**：在`<head>`部分使用`<style>`标签定义。
- **外部样式表**：使用`<link>`标签引用外部CSS文件。
### 总结
本篇文章涵盖了HTML的基础知识，从HTML文档的结构到具体标签的使用，再到表单和框架的设计，以及CSS样式的应用，都做了详细的介绍。学习这些内容有助于理解如何使用HTML构建网页的基本框架，掌握如何利用不同的标签实现特定功能，以及如何通过CSS对网页进行美化。这对于初学者来说是非常宝贵的学习资源。
