<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表格</title>
</head>
<body>
<!--表格 table
行 tr rows
列 td cols
border 添加一个边界,否则看不见边界
-->
<table border="1px">
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>1</td>
</tr>
</table>
<hr>
<!--跨行跨列
-->
<table border="2">
<tr>
<!--跨列 rowspan-->
<td rowspan="2">1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<!--跨列 colspan-->
<td colspan="4">1</td>
</tr>
</table>
</body>
</html>
HTML——表格制作
最新推荐文章于 2024-07-26 14:13:22 发布