第4章-html进阶4.ppt

* * * * * * 框架 广告栏顶部框架(top.htm) 导航栏左侧框架(left.htm) 详细内容页面右侧框架 (main.htm) 框架的边框 框架集页面(FrameSet.htm) 框架使用场合 页面的一个固定部分显示徽标或静态信息 在另一个固定部分显示导航部分详细内容 在此处显示详细内容， 页面中此部分是变化的。 框架的基本结构 frameset cols=“25%,50%,*” rows =“50%,*” border=“5” frame src=“the_first.html …… /frameset 框架页面的基本语法 边框尺寸大小 将窗口分割成左中右3个部分,可选 将窗口分割成上下2个部分,可选 第一个窗口要显示的网页 框架的基本结构 HTML HEAD TITLErows_cols框架/TITLE /HEAD FRAMESET rows=25%,50%,* border=5 FRAME name=“top src=the_first.html FRAME name=middle src=the_second.html FRAME name=“bottom src=the_third.html /FRAMESET /HTML 将窗口分割成上中下3部分 窗口边框的宽度 如果要在浏览器中创建左中右三个窗口,该如何实现？ 每个窗口对应一个页面，以及一个框架集页面，总共需要几个HTML页面文件？ 如何创建多个复杂的窗口 要实现如下图所示的窗口，该如何制作？ 1、分成上下两个窗口 2、把下面的窗口分成 左右两个窗口 top窗口 left 窗口 right窗口 如何创建多个复杂的窗口 创建多个复杂的窗口实现步骤如下： 1、创建一个HTML页面“top.html” 2、创建一个HTML页面“left.html” 3、创建一个HTML页面“right.html” top.html效果图 left.html效果图 right.html效果 如何创建多个复杂的窗口 4、新建多框架HTML页面“Frame_Sets.html” ...... FRAMESET rows=20%,* frameborder=0 FRAME src=top.html name=topframe“ scrolling=no noresize=noresize FRAMESET cols=20%,* FRAME src=left.html noresize=noresize“ scrolling=no name=leftframe“ FRAME src=right.html name=rightframe /FRAMESET /FRAMESET 设置无框架边框 不显示滚动条 禁止调整框架大小 框架名称，便于超文本链接锚标签target属性所引用 如何设置窗口链接的显示位置 如果在同一个页面中，要实现在一个框架窗口中的超链接页面出现在另一个框架窗口中，如何实现？ 使用target目标窗口属性 如何设置窗口链接的显示位置 target目标窗口属性 name＝“显示的窗口名” frame src=url name=“窗口名”　　 a href=url target=“窗口名” target属性指定了所链接的文件出现在名称为“窗口名”的框架窗口里。 Pa href=right.html target=rightframe IMG src=images/reg.jpg width=158 height=31 border=0 / /P/A Pa href=buy.html target=rightframe IMG src=images/buy.jpg width=160 height=32 border=0 / /P/A target属性指定了所链接的文件出现在名称为“rightframe”的框架窗口里 如何设置窗口链接的显示位置 target目标窗口属性 四个特殊的窗口 a href=url target=“_blank” 显示在新窗口a href=url target=“_self” 显示在本窗口a href=url target=“_parent” 显示在父窗口a href=url target=“_top” 显示在整个浏览器窗口 …… PA href=right.html target=_blank IMG src=images/reg.jpg width=158 hei