首页web编程使用html制作历史朝代公元对照简表

web编程使用html制作历史朝代公元对照简表

时间: 2024-10-20 12:14:35 浏览: 55

Web编程中，HTML可以用来构建静态内容，包括创建一个历史朝代的公元对照简表。你可以使用表格 `<table>` 标签来组织数据，结合标题 (`<th>`) 和数据单元格 (`<td>`)。例如： ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>中国历史朝代公元对照简表</title> <style> table { width: 100%; border-collapse: collapse; } th, td { padding: 8px; text-align: center; border-bottom: 1px solid #ddd; } th { background-color: #f2f2f2; } </style> </head> <body> <h1>中国古代朝代公元对照简表</h1> <table> <thead> <tr> <th>朝代名称</th> <th>起始年份</th> <th>结束年份</th> </tr> </thead> <tbody>  <tr> <td>夏朝</td> <td>约公元前2070年</td> <td>约公元前1600年</td> </tr> <tr> <td>商朝</td> <td>约公元前1600年</td> <td>约公元前1046年</td> </tr>  </tbody> </table> </body> </html> ```

阅读全文