html table标签
2018-10-14 本文已影响0人
stay丶gold
<!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>