A链接用法
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>A链接用法</title> </head> <body> <div id="top"></div> <a href="https://www.php.cn">php中文网</a> <a href="http://www.baidu.com" target="_blank">百度</a> <a href="1.jpg" download="图片">图片下载</a> <a href="tel:15000000000">给我打电话</a> <a href="mailto:111@qq.com">给我发邮件</a> <a href="#footer">这是一个锚点哦，可以直接让你到最底部</a> <div id="footer" style="margin-top: 5000px; background-color: blueviolet"> 最底部 <a href="#top">返回最上面</a> </div> </body></html>
table用法
<!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="1" align="center" cellspacing="0" cellpadding="10"> <caption style="margin: 10px; font-size: 1.5rem;font-family:"微软雅黑"> 商品采购入库单 </caption> <tr style="background-color: aqua"> <th>商品id</th> <th>商品编码</th> <th>商品名称</th> <th>规格型号</th> <th>数量</th> <th>单价</th> <th>金额</th> <th>备注</th> </tr> <tr> <td>1</td> <td>01.001</td> <td>华为手机</td> <td>mate30</td> <td>5</td> <td>5000</td> <td>25000</td> <td rowspan="6">支持国货，支持国产</td> </tr> <tr> <td>2</td> <td>01.002</td> <td>华为笔记本</td> <td>p40</td> <td>10</td> <td>4000</td> <td>40000</td> </tr> <tr> <td>3</td> <td>01.003</td> <td>华为笔记本</td> <td>p40</td> <td>10</td> <td>4000</td> <td>40000</td> </tr> <tr> <td>4</td> <td>01.004</td> <td>华为笔记本</td> <td>p40</td> <td>10</td> <td>4000</td> <td>40000</td> </tr> <tr> <td>5</td> <td>01.005</td> <td>华为笔记本</td> <td>p40</td> <td>10</td> <td>4000</td> <td>40000</td> </tr> <tr> <td>6</td> <td>01.006</td> <td>华为笔记本</td> <td>p40</td> <td>10</td> <td>4000</td> <td>40000</td> </tr> <tr style="background-color: cadetblue;"><td colspan="4" align="center">合计数：</td><td>55</td> <td></td> <td>225000</td> <td></td> </tr> </table> </body></html>
