Html 框架结构

Html 框架结构
Html 框架结构

Html 语法:使用框架结构

框架的作用就是把浏览器的窗口或分为若干区域,每个区域可以分别显示不同的网页。 使用框架网页的最主要的目的是创建链接的结构。

框架集标记

使用了框架集的页面中,页面的标记被标记取代,然后通过标记定义每一个框架。下面按照框架的分割方式来介绍框架集标记。

</p><p>框架页面</p><p>

主要的分割方式有以下三种:

左右分割

上下分割

嵌套分割

左右分割窗口的属性cols

嵌套分割窗口

框架集边框宽度属性framspacing 以下是测试代码 二.上下分割窗口

</p><p>框架集边框测试属性</p><p>

框架集边框颜色属性bordercolor

框架集页面源文件属性src

</p><p>

框架名称属性name

代码示例:

</p><p>框架名称属性name</p><p>

框架边框显示属性frameborder

示例代码:

</p><p>框架边框显示属性</p><p>

框架滚动条显示属性scrolling

示例代码:

</p><p>设定框架的滚动条显示属性</p><p>

框架尺寸调整属性NoResize

</p><!--/p3--><!--p4--><p>设定不允许调节框架尺寸</p><p>>

框架边缘宽度属性MarginWidth

</p><p>设定框架边缘宽度属性</p><p>

框架边缘高度属性MarginHeight

</p><p>设定框架边缘高度属性</p><p>

不支持框架标记NoFrames

早期版本的浏览器不支持框架的,使用NoFrame 标记可以使当浏览器不能加载框架时,会显示NoFrame 标记中的内容!

示例代码:

</p><p>不支持框架结构</p><p>

对不起!您的浏览器不支持框架页面显示!!

浮动框架

浮动框架是一种特殊的框架页面,在浏览器窗口中可以嵌套子窗口,在其显示页面的内容

基本语法

框架与链接

使用框架的一个重要的目的就是不同的框架中显示不同的页面。我们可以通过链接为框架指定显示的页面。

每一个链接都有一个target属性,设置不同的target属性可以使链接的页面在不同的框架或者窗口中显示!

示例代码:

第一步:设定框架集页面,包含左右两个框架。

</p><p>框架集</p><p>

第二步:制作左侧框架页面

左侧框架

a.html

b.html

第三步:制作右侧框架一的页面。

右侧框架一

This is the first page in frameone

第四步:制作右侧框架二的页面

右侧框架二

右侧框架二

浮动框架与链接

在浮动框架中,也可以制作页面之间的链接

浮动框架与连接

1、框架的宽度和高度:

Width和height

2、浮动框架的对齐方式align

它是用来控制框架内容的对齐方式

可以取到四个值:left right middle bottom

3、浮动框架边框显示属性frameborder

值可以是yes no 0 1