HTML 中的超链接标签是 <a>（Anchor 的缩写），用于创建从一个页面到另一个页面、文件、位置或其他资源的链接。
核心功能：通过点击文本、图片等元素跳转到目标地址。
基本语法
<a href="目标地址" 属性>链接文本/内容</a>
-
href：必需属性，指定链接的目标地址（如网页 URL、本地文件路径、锚点等）。 - 链接内容：可以是文本、图片、按钮等（点击该内容会触发跳转）。
常见用法
1. 链接到其他网页（外部链接）
跳转到其他网站的页面，href 需填写完整的 URL（包含 http:// 或 https://）。
<a href="https://www.baidu.***">访问百度</a>
<a href="https://example.***/page.html">跳转到示例页面</a>
2. 链接到本地页面（内部链接）
跳转到同一网站的其他页面，使用相对路径或绝对路径（本地文件系统）。
<!-- 相对路径：同一文件夹下的 page2.html -->
<a href="page2.html">查看页面2</a>
<!-- 相对路径：上级文件夹下的 about.html -->
<a href="../about.html">关于我们</a>
<!-- 绝对路径：本地文件系统中的页面 -->
<a href="D:/website/contact.html">联系我们</a>
3. 链接到页面内的锚点（同一页面跳转）
通过 id 定义锚点位置，实现点击后跳转到页面中的指定区域（常用于长页面导航）。
<!-- 定义锚点（通常放在目标位置） -->
<h2 id="section1">第一部分内容</h2>
<p>这里是第一部分的详细内容...</p>
<!-- 定义链接，href 为 #+锚点id -->
<a href="#section1">跳转到第一部分</a>
<!-- 跳转到页面顶部（可省略锚点，直接用 #） -->
<a href="#">回到顶部</a>
4. 链接到文件（下载文件）
当 href 指向非网页文件（如 .zip、.pdf 等），点击会触发下载（或在浏览器中打开，取决于文件类型和浏览器设置）。
<a href="files/report.pdf">下载PDF报告</a>
<a href="files/data.zip">下载压缩包</a>
5. 链接到邮箱或电话
通过特殊协议（mailto: 邮箱、tel: 电话）实现点击后打开邮件客户端或拨号界面。
<!-- 发送邮件到指定邮箱 -->
<a href="mailto:contact@example.***">发送邮件联系我们</a>
<!-- 发送邮件并预设主题和内容 -->
<a href="mailto:contact@example.***?subject=咨询&body=我想了解...">发送咨询邮件</a>
<!-- 拨打电话（移动端有效） -->
<a href="tel:10086">拨打10086</a>
常用属性
| 属性 | 作用 |
|---|---|
href |
必需，指定链接目标地址（URL、路径、锚点、特殊协议等）。 |
target |
指定链接在何处打开（_self 自身窗口，_blank 新窗口，_parent 父框架等）。 |
title |
鼠标悬停时显示的提示文本（增强用户体验）。 |
rel |
定义当前文档与目标文档的关系（如 rel="noopener" 增强安全性）。 |
HTML 中的表格标签用于创建结构化的表格，主要由 <table> 作为容器，配合其他标签定义表格的行、列、表头、标题等。以下是常用的表格标签及用法：
1. 核心标签
| 标签 | 作用 |
|---|---|
<table> |
定义表格的整体容器，所有表格内容需放在其中。 |
<tr> |
定义表格的一行（Table Row）。 |
<td> |
定义表格的一个数据单元格（Table Data），存放具体内容。 |
<th> |
定义表格的表头单元格（Table Header），默认文字加粗居中，用于说明列含义。 |
2. 辅助标签
| 标签 | 作用 |
|---|---|
<caption> |
定义表格的标题，默认显示在表格上方。 |
<thead> |
定义表格的表头区域（包含 <tr> 和 <th>），用于区分表头和内容。 |
<tbody> |
定义表格的主体内容区域（包含数据行 <tr>），可提升表格渲染性能。 |
<tfoot> |
定义表格的页脚区域（如汇总行），通常位于表格底部。 |
常用属性（主要用于 <td> 和 <th>）
-
colspan：跨列合并单元格。例如colspan="2"表示当前单元格占 2 列宽度。 -
rowspan：跨行合并单元格。例如rowspan="2"表示当前单元格占 2 行高度。
基本用法：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<style>
body{
margin:30px;
}
table{
/*居中对齐*/
text-align: center
}
</style>
<!--设置表格-->
<table border="2" cellspacing="0" width="100%" cellpadding="6">
<caption>本周财政计划</caption>
<tr>
<td colspan="2" rowspan="2">项目</td>
<td colspan="2">本周发生</td>
<td rowspan="2">备注</td>
</tr>
<tr>
<td>收入</td>
<td>支出</td>
</tr>
<tr>
<td rowspan="3">收入</td>
<td>贷款收回</td>
<td>8700</td>
<td>0</td>
<td></td>
</tr>
<tr>
<td>内部转款</td>
<td>6000</td>
<td>0</td>
<td></td>
</tr>
<tr>
<td>收入合计</td>
<td>14700</td>
<td>0</td>
<td></td>
</tr>
<tr>
<td rowspan="3">支出</td>
<td>采购支出</td>
<td>0</td>
<td>5000</td>
<td></td>
</tr>
<tr>
<td>工资支出</td>
<td>0</td>
<td>7000</td>
<td></td>
</tr>
<tr>
<td>支出合计</td>
<td>0</td>
<td>12000</td>
<td></td>
</tr>
</table>
</body>
</html>
