文章目录
前言
观察每个网页,或多或少都可以看到表格、表单的存在,例如登陆界面等等,表格多用于局部布局排版,表单用于向服务器发送数据。
一、表格< table>
- 表格的各个组成部分都要包含在< table>标签内
- 表格有三个部分,thead、tbody、tfoot三个部分,它们可以对表格进行分组,分组可以使浏览器有能力支持独立表头和表尾的表格正文滚动
- thead可以不只是一行
- 行标签**< tr>,表示一行**
- 单元格是表的基本元素,可以通过< td> 或者< th>来表示,< td>标签包含表格中的数据部分,< th>标签包含表格中的标题部分
- 这里是通过rowSpan和colspan来指定单元格跨多少航或多少列
- 在页面中显示空白单元格时,需要在单元格标签内加入空白实体引用,即< td>  ;< /td>,来保证浏览器能正确显示该单元格
<table border="1">
<thead>
<tr>
<th>班级</th>
<th>分组</th>
<th>学生</th>
<th>随便</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="6">葵花班</td>
<td rowspan="3">A组</td>
<td>张三</td>
<td>1</td>
</tr>
<tr>
<td>李四</td>
<td>2</td>
</tr>
<tr>
<td colspan="2">王五</td>
</tr>
<tr>
<td rowspan="3">B组</td>
<td colspan="2">孙六</td>
</tr>