首页写一下咱html中创建表格的完整代码

写一下咱html中创建表格的完整代码

时间: 2024-02-23 17:10:34 浏览: 90

好的，下面是一个完整的HTML代码示例，用于创建一个包含两行三列的表格： ``` <!DOCTYPE html> <html> <head> <title>表格示例</title> <style> table { border-collapse: collapse; width: 100%; } th, td { padding: 8px; text-align: left; border-bottom: 1px solid #ddd; } th { background-color: #f2f2f2; } </style> </head> <body> <h1>表格示例</h1> <table> <tr> <th>姓名</th> <th>年龄</th> <th>性别</th> </tr> <tr> <td>张三</td> <td>25</td> <td>男</td> </tr> <tr> <td>李四</td> <td>30</td> <td>女</td> </tr> </table> </body> </html> ``` 上面的代码中，`<table>`标签定义了一个表格，`<tr>`标签定义了表格的一行，`<th>`标签定义了表头单元格，`<td>`标签定义了数据单元格。CSS部分定义了表格的样式，包括表格边框合并、单元格内边距、文本对齐、表头背景等。

阅读全文