8、表格标签
一、为什么使用表格
- 简单通用
- 结构稳定
二、基本结构
（一）单元格
（二）行
行的英语是rows所以，行就用tr表示
（三）列
使用td表示
（四）跨行
（五）跨列
表格标签就是table标签，其中border属性是添加边框
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>表格学习</title>
</head>
<body>
<!--表格table
行：tr
列：td
border：表示添加边框
colspan：跨列，横向合并单元格
-->
<table border="1px"><tr><!--colspan：跨列--><td colspan="4">1-1</td></tr><tr><td rowspan="2">2-1</td><td>2-2</td><td>2-3</td><td>2-4</td></tr><tr><td>3-1</td><td>3-2</td><td>3-3</td></tr>
</table>
</body>
</html>
示例
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>测试</title>
</head>
<body>
<table border="1px"><tr><td colspan="3">学生成绩</td></tr><tr><td rowspan="2">张老师</td><td>数学</td><td>93分</td></tr><tr><td>语文</td><td>90分</td></tr><tr><td rowspan="2">王老师</td><td>美术</td><td>95分</td></tr><tr><td>书法</td><td>97分</td></tr>
</table>
</body>
</html>
