淘先锋技术网

首页 1 2 3 4 5 6 7
HTML表格

在HTML中,要创建表格需要使用table、tr和td元素。其中,table元素用于创建表格,tr元素用于创建表格行,td元素用于创建表格单元格。下面是一个简单的HTML表格。

<table border="1" cellpadding="10">
<tr>
<td>姓名</td>
<td>年龄</td>
<td>性别</td>
</tr>
<tr>
<td>张三</td>
<td>20</td>
<td>男</td>
</tr>
<tr>
<td>李四</td>
<td>25</td>
<td>女</td>
</tr>
</table>

在上面的代码中,border属性用于设置表格边框,cellpadding属性用于设置单元格内边距。tr元素用于创建表格行,td元素用于创建表格单元格,可以在td元素中添加文本或其他HTML元素。

除了基本的表格结构外,还可以使用colspan和rowspan属性来合并单元格。下面是一个使用了合并单元格的HTML表格:

<table border="1" cellpadding="10">
<tr>
<td rowspan="2">姓名</td>
<td colspan="2">工资</td>
</tr>
<tr>
<td>月薪</td>
<td>年薪</td>
</tr>
<tr>
<td>张三</td>
<td>5000</td>
<td>60000</td>
</tr>
<tr>
<td>李四</td>
<td>8000</td>
<td>96000</td>
</tr>
</table>

在上面的代码中,rowspan属性用于合并行,colspan属性用于合并列。