链接元素
外部链接
- href 打开链接的URL
- href=”url” 跳转目标地址
例如：<a href="https://www.baidu.com">百度一下，你就知道</a> - href=”tel:130000…” 点击后询问拨打电话
例如：<a href="tel:12345678900">联系电话</a> - href=”mailto:222352@qq.com” 打开邮箱，发送邮件
例如：<a href="mailto:334455226@qq.com">E-mail</a>
- href=”url” 跳转目标地址
- download 下载链接
自定义下载文件名
例如：<a href="demo.html" download="链接元素">测试下载</a>
锚点链接
- target 锚点链接
- target=”_self” 当前窗口打开链接
- target=”_blank”新窗口打开链接
- target=”_parent”父窗口打开链接
- target=”_top”顶层窗口打开链接
- target=”name”指定名称的窗口，与<iframe>元素配合
- target=”#amchor”跳到设置了的锚点的元素所在位置
实例:<a target="#amchor">点击查看精彩片段</a> <h3 id=amchor>精彩片段从这里开始<h3>
表格元素
表格常用标签
<table>定义表格<tbody>定义表格主体<tr>定义表格中的行<th>定义表格头部中的单元格，默认加精居中<td>定义表格主体与底部的单元格<caption>定义表格标题<thead>定义表格头格，只需定义一次<col>为一个/多个列设置属性<colgroup>将多个<col>元素分组管理
表格合并属性
colspan="x"rowspan="x"
无论是行合并，还是列合并，colspan/rowspan都必须要写到单元格中
实战案例
<!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=""><caption style="">产品统计表</caption><thead><tr><th>下单时间</th><th>id</th><th>品名</th><th>型号</th><th>规格</th><th>单价</th><th>数量</th><th>金额</th></tr></thead><tbody><tr><td rowspan="3">上午</td><td rowspan="3">A001</td><td rowspan="3">腊肉</td><td>S00901</td><td>500g</td><td>35</td><td>550</td><td>6300</td></tr><tr><td>S00901</td><td>500g</td><td>35</td><td>260</td><td>6800</td></tr><tr><td>S00901</td><td>500g</td><td>35</td><td>360</td><td>69630</td></tr><tr><!-- 行合并 --><td colspan="8" align="center">中午休息</td></tr><tr><!-- 列合并 --><td rowspan="2">下午</td><td rowspan="2">A001</td><td rowspan="2">腊肉</td><td>S00901</td><td>500g</td><td>35</td><td>230</td><td>4500</td></tr><tr><td>S00901</td><td>500g</td><td>35</td><td>640</td><td>16300</td></tr><tr><td colspan="7" align="center">合计</td><td>100000</td></tbody></table></body></html>