使用框架结构
<html>
<head>
<meta charset="UTF-8" />
<title>水平分割窗口</title>
</head>
<frameset rows="框架高度,框架高度,框架高度,..." frameborder= />
<body>
</body>
</html>
使用框架结构能很好的对一个网页进行分割
除了部分noframes外,代码都不在网页显示
.1设置框架集的属性frameset
可分成水平分割窗口,垂直分割窗口,嵌套分割窗口
.1水平分割
<frameset rows="框架高度,框架高度,框架高度(百分比,或者像素值),..." frameborder="yes" border="1" framespacing="1" noresize="noresize"> </frameset>
<!-- frameborder="yes/是否显示" 给结构框架结构加上一条有明显宽度的边框-->
<!-- noresize 属性规定用户无法调整框架的大小。-->
<!--
如果framespacing属性的值不变,而改变borer属性值的大小,显示的效果不变。
如果border属性的值不变,而改变framespacing属性值的大小,显示的效果则以framespacing的大小为准。-->
<!-- bordercolor="16进制颜色" -->
.2垂直分割
<frameset cols="框架的宽度,框架的宽度,......"> </frameset>
<!-- -->
.3嵌套分割
自由发挥嵌套
.2设置窗口属性frame
<frame src="wenjianming.html" name="页面名称" marginwidth="水平间距" marginheight="垂直边框" scrolling="是否显示滚动动条(yes/no)">
<!--marginwidth=设置框架边框与页面的水平边距 -->
.3不支持框架标记noframes
<noframes>
如果浏览器不支持框架显示,则显示此部分内容
</noframes>
.4浮动框架
<iframe src="浮动框架的源文件" width="浮动框架的宽" height="浮动框架的高" align="对齐方式"></iframe><!--均是像素单位 -->
<!--align="center,left,right,middle居中对齐,bottom底部" -->
.4.1浮动框架滚条显示属性scrolling
<iframe src="浮动框架的源文件" scrolling="是否显示滚动条"></iframe>
<!--scrolling = auto 总是左对齐 yes总是有滚动条显示 no 任何情况下都不显示滚动条-->
.5创建框架链接
设置页面链接使用的target
浮动框架,
<a href="https://news.163.com/" target="iframe">新闻</a>
<a href="images/hainan.html" target="mainFrame">海南专线</a>