首页用h5的table标签做一个足球网页

用h5的table标签做一个足球网页

时间: 2024-10-15 20:28:12 浏览: 22

使用HTML5的`<table>`标签创建一个足球网页可以用来展示比赛信息、球队排名或其他相关的统计数据。以下是一个简单的示例： ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>足球赛情况表</title> <style> table { width: 100%; border-collapse: collapse; } th, td { padding: 10px; text-align: center; border-bottom: 1px solid #ddd; } th { background-color: #f2f2f2; font-weight: bold; } </style> </head> <body> <h1>最新足球比赛数据</h1> <table> <thead> <tr> <th>日期</th> <th>主队</th> <th>比分</th> <th>客队</th> </tr> </thead> <tbody>  <tr> <td>2023-04-1</td> <td>皇家马德里</td> </tr> <tr> <td>2023-03-30</td> <td>曼城</td> <td>2-0</td> <td>切尔西</td> </tr>  </tbody> </table> </body> </html> ``` 在这个例子中，我们创建了一个表格，包含日期、主队、比分和客队四个列。你可以通过替换`<tbody>`部分的数据来显示实时或历史的足球比赛数据。

阅读全文