第八章使用框架结构

最新推荐文章于 2021-05-06 14:57:12 发布

Bears9

最新推荐文章于 2021-05-06 14:57:12 发布

阅读量332

点赞数

分类专栏： HTML 文章标签： HTML框架结构

本文链接：https://blog.csdn.net/DaDaguai001/article/details/97388982

版权

HTML 专栏收录该内容

13 篇文章 1 订阅

订阅专栏

使用框架结构

<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>

Bears9

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
第八章使用框架结构

使用框架结构<html><head> <meta charset="UTF-8" /> <title>水平分割窗口</title></head><frameset rows="框架高度,框架高度，框架高度，..." frameborder= /><body></body&...
复制链接

扫一扫