<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
</tfoot>
</table>
单元格合并:
Rowspan:可以实现“行合并”
Colspan:可以实现“列合并”
合并时将多余的单元格删掉,合并顺序自上而下,从左到右,合并时们不能跨 thead、
tbody、tfoot
补充:
可以在 table 里设置整个表格的行高/列宽
也可以单独设置行高,若不设置整体的行高列宽,默认内容够用即可,设置了整体的行高列
表,再单独设置某一行的行高,剩下的行的行高均分整体行高剩余的高度,由于行是依附列
的存在,没有列,就不存在行,所以,不能单独设置某一行的宽度,可以设置列的宽度。
层布局
“层”泛指页面上任意可以独立存在的双标记,按照设计需要对其进行位置的设置
常用标记:div,没有默认样式,独立成行,是一个块状元素,具有阻塞的性质
有点:独立性,单独成行,在页面布局中,table 也可以进行布局,但是 table 布局在加载页
面加载时,会将所有的 td 加载出来之后在一起显示,体验感较差,而用 div,因 div 具有独
立性,会单独加载呈现
Div 为三维布局,立体感更好
Span 也可以用于层布局,以列的方式呈现,但不能改变列宽,想让内容一起显示就使用 table,
互补影响的话就使用 div
框架布局:
作用:使多个页面内容在同一浏览器(选项卡)中同时显示,并可以根据需要分割,布局。
常用标记:
Framset:不能和 body 同时出现,、
Framset 标签的作用,使当前页面进行其他页面内容的显示设置,页面本身的 body 标签失
效;有 body 无框架,有框架无 body;
常用属性:rows 对多个页面进行“行”布局
Cols 对多个页面进行“列”布局
Eg:<frameset rows="30%,*" frameborder="0">
-----使用 rows 属性,页面上下显示,第一个页面占 30%,第二个占剩下的。可以使用 cols
进行左右布局
<frame src="page1.html" />
<frameset cols="30%,*">
--------framset 内部可以嵌套使用 framset 标签,添加后,此页面为上,左右布局
<frame src="page2.html"/>
<frame name="showarea" />