《HTML第四讲.ppt

HTML第四讲 主讲:吴涛 网页中的框架 制作框架页面的步骤： 1.编写所有子框架页面 2.编写主框架页面 3.在主框架页面中设定子框架名称 4.如果框架页面之间存在链接，在子框架中设定链接。 注意：框架页面是不含body标签的 网页中的框架 基本语法 frameset frame src=url noframes body 您的浏览器不支持框架，请考虑升级您的浏览器！ /body /noframes /frameset 网页中的框架 定义框架的基本语法 框架由一对frameset定义 frameset有两个属性：rows和cols Rows定义上下分割的框架的大小； cols定义左右分割的框架的大小； 在定义大小时，rows和cols可以使用相对大小或以百分比为单位。 网页中的框架 各窗口的尺寸设置 frameset rows=#横排多个窗口 frameset rows=30%,20%,* frame src=A.html frame src=B.html frame src=C.html /frameset 排列方式： A B C 例：02.htm 网页中的框架 各窗口的尺寸设置 frameset cols=#纵向排列多个窗口 frameset cols=30%，20%,* frame src=A.html frame src=B.html frame src=C.html /frameset 排列方式：A B C 例：01.htm 网页中的框架 COLS ROWS：纵横排列多个窗口 frameset cols=137，* frame src=A.htm frameset rows=82,* frame src=B.htm frame src=C.htm /frameset /frameset 排列方式： B A C 例：14.htm 网页中的框架 框架边框的颜色 bordercolor=ff0000“ 例：03.htm 各窗口边框的设置 frameborder=# #=yes, no / 1, 0 例：04.htm 框架边框的宽度 framespacing=10 例：04.htm 网页中的框架 frame的属性 name：定义该框架的名字。这个名字可以被一些网页元素引用，如被a元素引用。 a href=url target=“framename” 例：06.htm、07.htm Src：在本框架里显示网页的URL。 Target：目标框架,引用的是目标框架的名字。 网页中的框架 在当前框架中打开超链接页面 默认就是在当前框架页中打开,也可以采用Target=“_self” 在指定框架中打开超级链接页面 Target=“name” 新开窗口打开链接页面 Target=“_blank” 跳出整个框架集 Target=“_parent” 网页中的框架 frame的属性 Scrolling：是否显示滚动条。yes, no, auto 例：08.htm、09.htm Noresize：框架在浏览器里不可以被调整大小。 例：10.htm、11.htm 网页中的框架 内含窗口 iframe src=# name=## ... /iframe #=初始页面的 URL ##=框架名称(Frame Name) 例：15.htm 会移动的文字 基本语法 marquee ... /marquee 例：16.htm 文字移动属性 (1)方向 ：direction=# #=left, right,up,down 例：17.htm 会移动的文字 2、文字移动属性 (2)方式： behavior=# #=scroll(循环), slide(只走一次), alternate(来回走) 例：18.htm (3)循环: loop=# #=次数；若未指定则循环不止(infinite) 例：19.htm 会移动的文字 2、文字移动属性 (4)速度: scrollamount=# 例：20.htm (5)延时: scrolldelay=# 例：21.htm 会移动的文字 3、其他属性 (1)底色: bgcolor=# #=RRGGBB 16 进制颜色代码 例：22.htm (2)面积: height=# width=# 例： 23.htm (3)空白:hspace=# vspace=# 例： 24.htm 多媒体页面 用EMBED嵌入多媒体对象 基本语法 embed src=# #=URL 注： 使用embed 标记之前，需要安装插件才可以； 对于不同的plugin，其embed属性也不同。 例： 25.ht