1.链接元素的功能
- 跳转到指定的目标地址
- 拨打电话
- 发送邮件
- 点击下载文档
1.1 跳转到指定的目标地址
<a href="https://www.baidu.com">点击此处跳转到百度</a>
targrt="_self"在当前窗口打开链接target="_blank"在新窗口打开链接targrt="#anchor"跳转到设置了锚点的元素所在的位置
1.2 拨打电话
<a href="tel:18888888888">给18888888888拨打电话</a>
1.3发送邮件
<a href="mailto:111@qq.com">调起桌面邮箱客户端给111@qq.com发邮件</a>
1.4 点击下载文档
<a href="demo1.html" download title="这里是下载的文件名">点击下载文档</a>
2.锚点
锚点是在页面中标记一个“
id的位置，通过点击其他按钮，实现页面内快速跳转。
<a href="id">跳转到这里</a><h1 id="id">跳到这里了</a>
3.表格合并
3.1 表格常用标签
| 序号 | 描述 | 标签 |
|---|---|---|
| 1 | <table> |
定义表格 |
| 2 | <tbody> |
定义表格主体，允许多次定义 |
| 3 | <tr> |
定义表格中的行 |
| 4 | <td> |
定义表格主体与底部的单元格 |
| 5 | <th> |
定义表格头部中的单元格，默认加粗居中 |
| 6 | <caption> |
定义表格标题 |
| 7 | <thead> |
定义表格头格，只需定义一次 |
| 8 | <tfoot> |
定义表格格底，只需定义一次 |
| 9 | <col> |
为一个/多个列设置属性 |
| 10 | <colgroup> |
将多个<col>元素分组管理 |
3.2 表格常用属性
| 序号 | 属性 | 适用元素 | 描述 |
|---|---|---|---|
| 1 | <border> |
<table> |
添加表格框 |
| 2 | <cellpadding> |
<table> |
设置单元格内边框 |
| 3 | <cellspacing> |
<table> |
设置单元格边框间隙 |
| 4 | align |
不限 | 设置单元格内水平居中 |
| 5 | bgcolor |
不限 | 设置背景色 |
| 6 | width |
不限 | 设置宽度 |
| 7 | height |
不限 | 设置高度 |
3.3 小案例
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>国庆手机价格表</title></head><body><!-- 先制作表格 --><table border="1px" cellspacing="0" cellpadding="5px"><thead><caption>国庆手机价格表</caption><tr><th></th><th>序号</th><th>品牌</th><th>价格</th><th>库存</th></tr></thead><tbody><tr><td rowspan="3">手机品类</td><td>1</td><td>苹果</td><td>4999</td><td>100</td></tr><tr><!-- <td>手机品类</td> --><td>2</td><td>华为</td><td>5999</td><td>84</td></tr><tr><!-- <td>手机品类</td> --><td>3</td><td>三星</td><td>5666</td><td>43</td></tr><td colspan="5" align="center" bgcolor="yellow">以上活动仅限十一期间</td></tbody></table><tfoot><h3>2020.09.23</h3></tfoot></body></html>
