HTML中table基本表格
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
table{
border: 1px solid black;/*只给最外部加边框*/
border-spacing: 0px;/*边框中间空隙的大小*/
border-collapse: collapse;/*使边框的两条线重合*/
}
th,td{
border: 1px solid black;/*给内部加边框*/
}
</style><!--给表格加边框-->
</head>
<body>
<!--表格系统-->
<table>
<tr>
<th>序号</th><th>姓名</th><th>手机号</th><th>家庭地址</th><th>性别</th><!--th为table head 是表头-->
</tr><!--tr为table row 是一行-->
<tr>
<td>jim</td><td>213</td><td>1235</td><td>1235</td><td>156456</td><!--td为table date 为内容-->
</tr>
<tr>
<td>sdasd</td><td>876</td><td>5845</td><td>15455</td><td>96541</td>
</tr>
<!--合并单元格-->
<tr>
<td>jim</td><td>213</td><td colspan="2">1235</td><td rowspan="2">156456</td><!--colspan为多个列合并,rowspanwei多个行合并-->
</tr>
<tr>
<td>jim</td><td>213</td><td>1235</td><td>1235</td>
</tr>
</table>
</body>
</html>