简单表格:
<!--表格-->
<!--table属性
border:表格中边框的宽度
width:表格宽度
height:表格宽度
align:让整个表在其父标签居中
bgcolor 背景颜色
cellspacing:单元格之间设置的距离
cellpadding:单元格与内容的间距
bordercolor:边界颜色
-->
<!--tr属性
height:设置单独某一行的高度
align:当前行所有单元格内容居中(center)还有left,right
bgcolor 背景颜色
-->
<!--td属性
width:设置某一列的宽度
align:center 当前列内容设置居中
bgcolor 背景颜色
-->
<!--注意:所有属性的值用双引号括起来-->
<table border="1" width="200" height="300" align="center"bgcolor="blanchedalmond" cellspacing="0" cellpadding="" bordercolor="red">
<!--第一行第一列-->
<tr height="50" align="center">
<td>dsa</td> <!--第一行第一列-->
<td>dsa</td>
<td>dsa</td>
</tr>
<tr>
<td>dsa</td> <!--第二行第一列-->
<td>dsa</td>
<td>dsa</td>
</tr>
</table>
简单表格
复杂表格:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>复杂表格</title>
</head>
<body>
<!--
rowspan:合并行
-->
<!--表格1-->
<table border="1" width="300" height="200">
<tr>
<td rowspan="2"></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
<table border="1" width="400" height="300">
<tr>
<td rowspan="3"></td>
<td></td>
<td></td>
</tr>
<tr>
<td rowspan="2"></td>
<td></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td colspan="2"></td>
</tr>
</table>
</body>
</html>
复杂表格
网友评论