HTML框架1

9.3.1 设置框架源文件属性——src

基本语法

<frameset>

<frame src=”URL”>

<frame src=”URL”>

</frameset>

语法说明

在HTML文件中,src用于设置框架加载文件的路径。文件的路径可以是相对路径也可以是绝对路径

9.3.2 添加框架名称——name

基本语法

<frameset>

<frame src=”URL” name=””>

<frame src=”URL” name=””>

</frameset>

语法说明

在HTML文件中,利用框架<frame>标记中的name属性给框架添加名称,不会影响框架的显示效果。

9.3.3 设置框架边框——frameborder

基本语法

<frameset>

<frame src=”URL” frameborder=”value”>

<frame src=”URL” frameborder=”value”>

</frameset>

语法说明

在HTML文件中,利用框架<frame>标记中的frameborder属性设置框架显示效果时,只能设置框架的边框是否显示,

frameborder值为0时,不显示边框;frameborder值为1时,显示边框。

9.3.4 显示框架滚动条——scrolling

基本语法

<frameset>

<frame src=”URL” scrolling=”value”>

<frame src=”URL” scrolling=”value”>

</frameset>

语法说明

在HTML文件中,利用框架<frame>标记中的scrolling属性有三种方式设置滚动条:

         yes:添加滚动条    no:不添加滚动条    auto:自动添加滚动条

9.3.5 调整框架尺寸——noresize

基本语法

<frameset>

<frame src=”URL” noresize >

<frame src=”URL” >

</frameset>

语法说明

在HTML文件中,利用框架<frame>标记中的noresize属性设置不允许改变左侧框架的尺寸。

9.3.6 设置框架边缘宽度与高度——marginwidth与marginheight

基本语法

语法说明

在HTML文件中,利用框架<frame>标记中的marginwidth和marginheight属性设置不允许改变左侧框架的尺寸。

9.3.7 添加不支持框架标记<noframe>

基本语法

<frame src=”URL”>

<frame src=”URL”>

。。。

<noframes>

<noframes>

</frameset>

语法说明

在HTML文件中,利用框架<frame>标记中的<noframes>属性设置浏览器不支持框架时,显示网页文件的内容。

框架集属性:

9.4.1 设置框架集边框宽度——frmaspacing

基本语法

<frameset frmaspacing=””>

<frame src=”URL” frameborder=”value”>

<frame src=”URL” frameborder=”value”>

</frameset>

语法说明

在HTML文件中,利用框架<frame>标记中的frameborder属性设置框架显示效果时,只能设置框架的边框是否显示,

frameborder值为0时,不显示边框;frameborder值为1时,显示边框。

9.4.2 设置框架集边框颜色——bordercolor

基本语法

<frameset bordercolor=””>

<frame src=”URL”>

<frame src=”URL”>

</frameset>

语法说明

在HTML文件中,利用框架<frame>标记中的bordercolor属性设置框架边框颜色,

bordercolor后面的属性值可以是表示颜色的英文单词,也可以是#+十六进制数(例:#0066ff)。

9.4.3 左右分割边框——cols

基本语法

 <frameset cols="*,*">

<frame src=”URL”>

<frame src=”URL”>

</frameset>

语法说明

在HTML文件中,利用cols属性将网页进行左右分割,分割方式可以是百分比,也可以是具体的数值。

9.4.4 上下分割边框——rows

基本语法

 <frameset rows="*,*">

<frame src=”URL”>

<frame src=”URL”>

</frameset>

语法说明

在HTML文件中,利用rows属性可以将网页上下分割,分割方式与左右分割方式相同。

表9-2 浮动框架属性

9.5.1 设置浮动框架源文件属性

基本语法

<body>

<iframe src=”URL”></iframe>

</body>

语法说明

在HTML文件中,src用于设置框架加载文件的路径,文件的路径可以是相对路径也可以是绝对路径。

9.5.2 添加浮动框架名称——name

基本语法

<body>

<iframe src=”URL” name=””> </iframe>

</body>

语法说明

在HTML文件中,利用框架<frame>标记中的name属性给框架添加名称,不会影响框架的显示效果。

9.5.3 设置浮动框架的宽度和高度——width和height

基本语法

<body>

<iframe src=”URL” width=”” height=“”></iframe>

</body>

语法说明

在HTML文件中,<iframe>标记中;width属性可以设置浮动框架宽度;height属性可以设定浮动框架的高度。

9.5.4 设置浮动框架的对齐方式——align

基本语法

<body>

<iframe src=”URL” name=”” align=”center”></iframe>

</body>

语法说明

在HTML文件中,利用浮动框架<iframe>标记中的align属性设置浮动框架的对齐方式。

        center:居中对齐;   left:左对齐;    right:右对齐。

9.6.1 普通框架添加链接

基本语法

<frameset cols="380*,380*">

<frame src="left.html">

<frame src="right.html" name="right">

</frameset>

语法说明

利用<frameset>标记中的cols属性进行左右分割,左边网页文件来自于left.html,右边网页文件来自于right.html。

9.6.2 浮动框架添加链接

基本语法

<iframe src="http://www.broadview.com.cn" width="450" height="380" name="iframe"></iframe>

语法说明

定义一个浮动框架,然后将网页中需要显示的内容链接到浮动框架中。

原文地址:https://www.cnblogs.com/angel512/p/5467873.html