1.创建基本的表:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>你好,html</title>
</head>
<body>
<table border="1">
<tr>
<td>1-1</td>
<td>1-2</td>
</tr>
<tr>
<td>2-1</td>
<td>2-2</td>
</tr>
</table>
</body>
</html>
2.单元格的合并:
行合并:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>你好,html</title>
</head>
<body>
<table border="1">
<tr>
<td colspan="2">1-1-2</td>
</tr>
<tr>
<td>2-1</td>
<td>2-2</td>
</tr>
</table>
</body>
</html>
列合并:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>你好,html</title>
</head>
<body>
<table border="1">
<tr>
<td>1-1</td>
<td rowspan="2">2,1-2</td>
</tr>
<tr>
<td>2-1</td>
</tr>
</table>
</body>
</html>
3.对齐:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>你好,html</title>
</head>
<body>
<table border="1" width="300">
<tr align="center">
<td>1-1</td>
<td>1-2</td>
</tr>
<tr>
<td>2-1</td>
<td>2-2</td>
</tr>
</table>
</body>
</html>
4.字和边框的距离:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>你好,html</title>
</head>
<body>
<table border="1" cellpadding="200px">
<tr align="center">
<td>1-1</td>
<td>1-2</td>
</tr>
<tr>
<td>2-1</td>
<td>2-2</td>
</tr>
</table>
</body>
</html>