在中国大学MOOC学习《网页设计基础》第四章表格标记的一些日常记录，作用就是使自己更加深刻理解HTML中表格的插入。
源代码
1
2
3
4
5
6
7
8
9
10
11
| <html>
<head>
<title>table-1</title>
</head>
<body>
<table><tr><td>1-1</td><td>1-2</td></tr>
<tr><td>2-1</td><td>2-2</td></tr>
</table>
</body>
</html>
|
效果
table-1
源代码
1
2
3
4
5
6
7
8
9
10
11
12
13
| <html>
<head>
<title>table-1</title>
</head>
<body>
<table border="1">
<caption>table-2</caption>
<tr><th>head1</th><th>head2</th></tr>
<tr><td>1-1</td><td>1-2</td></tr>
<tr><td>2-1</td><td>2-2</td></tr>
</table>
</body>
</html>
|
效果
table-1
table-2
| head1 | head2 |
|---|
| 1-1 | 1-2 |
| 2-1 | 2-2 |
源代码
1
2
3
4
5
6
7
8
9
10
11
12
13
| <html>
<body>
<table border="1">
<tr><th>姓名</th><th colspan="2">电话</th></tr>
<tr><td>Bill Gates</td><td>555 77 854</td><td>555 77 855</td></tr>
</table>
<table border="1"><tr><th>姓名</th><td>Bill Gates</td></tr>
<tr><th rowspan="2">电话</th><td>555 77 854</td></tr>
<tr><td>555 77 855</td></tr>
</table>
</body>
</html>
|
效果
| 姓名 | 电话 |
|---|
| Bill Gates | 555 77 854 | 555 77 855 |
| 姓名 | Bill Gates |
|---|
| 电话 | 555 77 854 |
|---|
| 555 77 855 |
