收藏
天蓬老师批改状态：合格
老师批语：配张图就完美了
外部链接
<a href="https://www.baidu.com">百度一下，你就知道</a><a href="tel:12345678900">联系电话</a><a href="mailto:334455226@qq.com">E-mail</a><a href="demo.html" download="链接元素">测试下载</a>锚点链接
<a target="#amchor">点击查看精彩片段</a>
<h3 id=amchor>精彩片段从这里开始<h3>表格常用标签
<table> 定义表格<tbody> 定义表格主体<tr> 定义表格中的行<th> 定义表格头部中的单元格，默认加精居中<td> 定义表格主体与底部的单元格<caption> 定义表格标题<thead> 定义表格头格，只需定义一次<col> 为一个/多个列设置属性<colgroup> 将多个<col>元素分组管理表格合并属性
colspan="x"rowspan="x"实战案例
<!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>
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
