代码:
<html>
<head>
<title>表格标签的学习</title>
<meta charset="UF-8">
</head>
<body>
<table border="1" width="600" cellspacing="0" cellpadding="4">
<tr align="center">
<th>姓名</th>
<th>门派</th>
<th>成名绝技</th>
<th>武力值</th>
<th>经验值</th>
<th>删除</th>
</tr>
<tr align="center">
<td>乔峰</td>
<td>丐帮</td>
<td>降龙十八掌</td>
<td rowspan="2">5000</td>
<td>10000</td>
<td><img src="img/67a33f27_E773381_b27076b6.png" width="30" heigth="50"/></td>
</tr>
<tr align="center">
<td>段誉</td>
<td>大理</td>
<td>六脉神剑</td>
<td>7000</td>
<td><img src="img/67a33f27_E773381_b27076b6.png" width="30" heigth="50"/></td>
</tr>
<tr align="center">
<td>虚竹</td>
<td>逍遥派</td>
<td>北冥神功</td>
<td>15000</td>
<td>5000</td>
<td><img src="img/67a33f27_E773381_b27076b6.png" width="30" heigth="50"/></td>
</tr>
<tr align="center">
<td>武力值总计</td>
<td colspan="5">20000</td>
</table>
<hr/>
</body>
</html>
效果:
(1)表格 table; 行 tr; 列 td; 表头列 th; 直线 hr;
(2)table中有如下属性(虽然已经淘汰,但是最好了解一下)
border 表格边框粗细; cellspacing 单元格间距; cellpadding 单元格填充;
tr只有一个对齐方式属性:align-> center,left(默认),rigth;
rowspan 行合并; colspan 列合并;