HTML基础-框架

最新推荐文章于 2024-09-05 21:31:46 发布

游向大海的鱼

最新推荐文章于 2024-09-05 21:31:46 发布

阅读量879

点赞数 1

分类专栏： HTML基础文章标签：框架

HTML基础专栏收录该内容

3 篇文章 0 订阅

订阅专栏

普通框架

1、框架的概念

框架技术：将一个浏览器窗口划分成若干个小窗口，每个小窗口显示一个独立的网页。

2、框架集和框架页

框架集<frameset>：主要用来划分窗口。

框架页<frame>：主要用来指定窗口默认显示的网页地址。

3、划分一个左右型的框架的代码（cols属性：左右型，rows属性：上下型）

首先将网页DTD设成框架DTD。代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd" >

<frameset cols="200,*,200" frameborder="yes" border="5">
    <frame src="left.html" />
   <frame src="main.html" />
    <frame src="right.html" />
</frameset>

4、<frameset>属性

cols：划分左右型框架。

cols="200,*" //左框架宽度为200px，剩下的都是右框架的。
cols="180,*,180" //d左框架和右框架的宽度分别为180px，剩下的都是中间框架。
cols="20%,*" //

rows：划分上下型框架，划分方法同上。
注意：cols属性和rows属性，每个框架只能用其中一个，不能两个同时使用。
frameborder：是否显示框架边框线，取值1或0，yes或no。
border：边框线的粗细。
bordercolor：

5、<frame>框架页的属性

src：该窗口默认显示的网页地址。
noresize：禁止调整窗口大小。如：noresize="noresize"
scrolling：是否显示滚动条，取值：auto、yes、no，默认值为auto。
name：当前窗口的名称。这个name是给<a>标记的target属性使用。

6、<noframes>含义

描述：当你的浏览器不支持框架时，显示的提示信息。一般情况下，IE6不支持框架，高版本都支持。

语法：<noframes>对不起，您的浏览器不支持，请升级至IE6以上版本。</noframes>

7、举例

<frameset rows="70,*" frameborder="no">
    <frame src="top.html" noresize="noresize" />
    <frameset cols="180,*" frameborder="no">
    	<frame src="left.html" noresize="noresize" />
        <frame src="main.html" name="mainFrame" />
    </frameset>
</frameset><noframes></noframes>
<noframes>对不起，您的浏览器不支技frameset，请升级您的浏览器！</noframes>>

8、注意事项

<frameset>框架，称之为“普通框架”。
在“普通框架”中，框架的制作分两个部分：

（1）框架结构的规划。

（2）制作具体的页面。

在“普通框架”的结构划分中，不允许出现<body>标记，因为没有实际的内容。

内嵌框架（也称为行内框架）

描述：内嵌框架，相当于在现有的网页中，挖了一个“窟窿”，透过这个“窟窿”可以看到里面的内容。
与普通框架的区别：<iframe>是<body>的子标记，因此，它应该旋在<body>中。
语法格式：<iframe 属性=“值”>对不起，您的浏览器不支持，请升级您的浏览器！</iframe>
常用属性：

src：引入的文件地址。
width:框架的宽度。
height：框架的高度。
frameborder：是否显示框架的边框线，取值：yes或no。
border：边框的粗线。
name：指定当前小窗口的名称，该名称是给<a>标记的target属性使用。
align：框架在网页中的对齐方式，取值：left、center、right