当前位置：首页 > 互联网 IT业界 > html中如何编辑表格

html中如何编辑表格

admin 6个月前互联网 IT业界 71热度

在HTML中编辑表格，可以使用<table>、<tr>、<td>等标签，以下是一个简单的示例：

（图片来源网络，侵删）

<!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px solid black; bordercollapse: collapse; } th, td { padding: 15px; textalign: left; } </style> </head> <body> <h2>小标题</h2> <table> <tr> <th>单元表格1</th> <th>单元表格2</th> <th>单元表格3</th> </tr> <tr> <td>数据1</td> <td>数据2</td> <td>数据3</td> </tr> <tr> <td>数据4</td> <td>数据5</td> <td>数据6</td> </tr> </table> </body> </html>

在这个示例中，我们首先使用<table>标签创建一个表格，我们使用<tr>标签创建表格的行，使用<th>标签创建表头单元格，使用<td>标签创建表格的数据单元格，我们还使用了CSS样式来设置表格的边框、单元格间距和文本对齐方式，我们使用<h2>标签添加了一个小标题。

更新时间 2024-05-22 15:24:30