链接常用属性
1.href
指向链接页面的 URL
| 属性 | 描述 |
|---|---|
href="url" |
跳转的目标地址 |
href="mailto: 123456@qq.com" |
打开邮箱,发送邮件 |
href="tel:13388**2345" |
点击后,会询问用户是否要拨打电话 |
href="outline.md" |
浏览器不能解析的文档, 会直接下载 |
2.taget
打开 URL 的页面来源，方式。如本窗口打开，新建窗口打开，锚点等。
| 属性 | 描述 |
|---|---|
target="__self" |
当前窗口打开链接 |
target="_blank" |
新窗口打开链接 |
target="_parent" |
父窗口打开链接 |
target="_top" |
顶层窗口打开链接 |
target="name" |
指定名称的窗口, 与<iframe>元素配合 |
target="#anchor" |
跳转到设置了锚点的元素所在位置 |
综上，可分析链接常用的功能有：
1、打开一个新网页，弹出一个新窗口；
2、可快捷弹窗邮箱软件，并自动添加收件人，方便发邮件；
3、下载文档；
4、锚点，网页内进行跳转，如一篇文章按标题进行跳转；企业展示网站可通过锚点让用户快速找到想要了解的信息。
表格的合并
1.表格的基本结构
| 序号 | 标签 | 描述 | 备注 |
|---|---|---|---|
| 1 | <table> |
定义表格, | 必选 |
| 2 | <tbody> |
定义表格主体, 允许定义多次 | 必选 |
| 3 | <tr> |
定义表格中的行, | 必选 |
| 4 | <th> |
定义表格头部中的单元格,默认加粗居中 | 必选 |
| 5 | <td> |
定义表格主体与底部的的单元格 | 必选 |
| 6 | <caption> |
定义表格标题, | 可选 |
| 7 | <thead> |
定义表格头, 只需定义一次 | 可选 |
| 8 | <tfoot> |
定义表格底, 只需定义一次 | 可选 |
| 9 | <col> |
为一个/多个列设置属性,仅限 | 可选 |
| 10 | <colgroup> |
将多个<col>元素分组管理 |
可选 |
2.表格的行合并
使用
colspan="*"
3.表格的列合并
使用
rowspan="*"
案例：
<!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>Document</title></head><body><table border="1" width="600px" align="center"><caption>手机价格表</caption><tbody><thead><th>类型</th><th>型号</th><th>单价</th></thead><tr align="center"><td rowspan="3">手机</td><td>iphone 5S</td><td>2000</td></tr><tr align="center"><td>iphone 6S</td><td>3000</td></tr><tr align="center"><td>iphone 7S</td><td>4000</td></tr><tr align="center"><td colspan="2">合计</td><td>7000</td></tr></tbody></table></body></html>
效果图如下：
