要在HTML中嵌入公共的表头,可以使用<thead>
标签,以下是一个示例:
<!DOCTYPE html> <html> <head> <style> table { width: 100%; bordercollapse: collapse; } table, th, td { border: 1px solid black; padding: 8px; textalign: left; } th { backgroundcolor: #f2f2f2; } </style> </head> <body> <h2>用户信息表</h2> <table> <thead> <tr> <th>姓名</th> <th>年龄</th> <th>邮箱</th> </tr> </thead> <tbody> <tr> <td>张三</td> <td>25</td> <td>zhangsan@example.com</td> </tr> <tr> <td>李四</td> <td>30</td> <td>lisi@example.com</td> </tr> <tr> <td>王五</td> <td>28</td> <td>wangwu@example.com</td> </tr> </tbody> </table> </body> </html>
在这个示例中,我们使用<thead>
标签定义了一个表头,其中包含了三个小标题(姓名、年龄和邮箱),我们在<tbody>
标签内添加了表格的数据行,这样,表头就会在表格的顶部显示,并且与数据行分开。
最新评论
本站CDN与莫名CDN同款、亚太CDN、速度还不错,值得推荐。
感谢推荐我们公司产品、有什么活动会第一时间公布!
我在用这类站群服务器、还可以. 用很多年了。