<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表格</title>
</head>
<body>
<!--border边框宽度 cellpadding内间距 cellspacing外边距-->
<table border="1px" cellpadding="5px" cellspacing="0px">
<!--thead表头 tbody可以省略-->
<tr>
<th>标题1</th><!--th表标题加黑加粗-->
<th>标题2</th>
<th>标题3</th>
<th>标题4</th>
</tr>
<!--tr表示一行；td表示一列-->
<tr>
<td rowspan="2">1</td> <!--rowspan表示单独占两行-->
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr><!--上面占几行，下面减少几个元素-->
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td colspan="2">3</td> <!--rowspan表示单独占两列-->
<!--占几列，自身减少几个元素-->
</tr>
</table>
</body>
</html>
网友评论