在HTML中设置报表,可以使用<table>
标签来创建表格,使用<thead>
、<tbody>
和<tfoot>
标签来分别表示表头、表体和表尾,以下是一个简单的示例:
<!DOCTYPE html> <html> <head> <title>报表示例</title> <style> table { width: 100%; bordercollapse: collapse; } th, td { border: 1px solid black; padding: 8px; textalign: left; } th { backgroundcolor: #f2f2f2; } </style> </head> <body> <h1>报表标题</h1> <table> <thead> <tr> <th>列1</th> <th>列2</th> <th>列3</th> </tr> </thead> <tbody> <tr> <td>数据1</td> <td>数据2</td> <td>数据3</td> </tr> <tr> <td>数据4</td> <td>数据5</td> <td>数据6</td> </tr> </tbody> <tfoot> <tr> <td colspan="3">报表底部信息</td> </tr> </tfoot> </table> </body> </html>
在这个示例中,我们创建了一个包含表头、表体和表尾的表格,表头使用了<th>
标签,表体使用了<td>
标签,表尾使用了<tfoot>
标签,我们还为表格添加了一些样式,使其看起来更美观。
最新评论
本站CDN与莫名CDN同款、亚太CDN、速度还不错,值得推荐。
感谢推荐我们公司产品、有什么活动会第一时间公布!
我在用这类站群服务器、还可以. 用很多年了。