javaweb第二章2.1.5

来源:互联网 发布:html与css javascript 编辑:程序博客网 时间:2024/06/15 16:56

2.1.5HTML框架标签与框架设计

1、窗口的分割与设置

    框架集标记用于窗口的分割,可以水平分割,也可以垂直分割,还可以嵌套分割。分割时,可以指定具体子窗口的大小,也可以采用所占有比例(百分比)。

(1)分割框架的语法结构。

<frameset row="高度1,高度2,..."或者 cols="宽度1,宽度2,...">

<frame src="网页1">

<frame src="网页2">

     ...

</frameset>

语法说明:

(1)row属性表示是水平分割,cols属性表示是垂直分割。

(2)row(或cols)属性的值代表各子窗口的高度(或宽度)。

对于rows,是从向上向下分割,各子窗口的高度依次为高度1,高度2,......,直到最后一个*(代表最后一个子窗口高度,值为其他子窗口高度分配后所剩余的高度。)

对于cols,是从左到右分割,各子窗口的宽度依次为宽度1,宽度2,......,直到最后一个*。

(3)设置高度(宽度)数值的方式有以下两种。

采用整数设置,单位像素(px),例如:

<frameset rows="100,200,*">

该语句将窗口分为3个子窗口,第一个高度为100单位,第二个为200单位,第三个的高度是原窗口高度值-300.

采用百分比设置,例如:

<frameset rows="20%,50%,*">

该语句将窗口分为3个子窗口,第一个高度为20%,第二个为50%,第三个的高度是原窗口高度30%.

(2)窗口的嵌套分割。

将水平分割框架与垂直分割框架框架实现嵌套,可以设计所需的任意框架结构。

注意:在嵌套分割时,每个被分割的窗口都是相对独立的,其分割形成的子窗口大小都是相对被分割窗口的。

2、子窗口的设置

基本语法:<frame src="html文件的位置"name="子窗口名称"scrolling="yes或no或auto">

语法说明:   

        name属性指定子窗口的名称,在该子窗口内显示由src属性指定的HTML文件网页内容。

       scrolling属性用于控制窗口框架中是否显示滚动条,no表示不显示滚动条,auto为自动设置。

例如:框架中定义了一个子窗口main,在main中显示jc.html网页,则代码为:<frame src="jc.html"name="main"scrolling="auto">

3、在框架结构子窗口的HTML文档中如果含有超链接,当用户点击该链接时,目标网页显示的位置由target属性指定,若没有指定则在当前子窗口打开。

target属性使用格式:

<a href="目标网页地址"target="显示目标网页的子窗口名字">超链接文字</a>

若jc.html中有一个超链接,在点击该链接后,网页new.html将要显示在名为main的窗口中,则代码为:

<a href="new.html"target="main">需要链接的文本</a>