第8章框架导论.ppt

* * * * * * * * * * * * * * * * 指定子窗口显示网页 定义子窗口名称 控制子窗口滚动条 调整子窗口的尺寸 设置子窗口的边距 8.3 子窗口的设置 8.3.1 指定子窗口显示网页 frame src=html文件的位置 src属性是用来指定要导入到某个子窗口的HTML文件的位置。 frame src=frame.html !--程序8-6-- html head title指定子窗口显示网页/title /head frameset cols=30%,40%,* frame src=left.html frame src=center.html frame src=right.html /frameset /html 窗口要显示的网页 如果要在浏览器中创建左中右三个窗口,该如何实现？ 每个窗口对应一个页面，以及一个框架集页面，总共需要几个HTML页面文件？ 8.3.2 定义子窗口名称 frame name=子窗口名称 命名规则：单个单词，可以有下划线“_”，必须以字母开始，且区分大小写。 name属性用来指定子窗口的名称，当完成子窗口的名称定义后，可指定超链接的链接目标显示到网页的某个子窗口。 !--程序8-7-- head title指定子窗口的名称/title /head frameset cols=30%,40%,* frame src=left.html name=left frame src=center.html name=center frame src=right.html name=right /frameset /html 8.3.3 控制子窗口滚动条 frame scrolling=yes或no或auto yes表示为显示滚动条； no表示不显示滚动条； auto为自动设置。 scrolling属性用于控制子窗口中是否显示滚动条。使用此属性，可以避免HTML文件因内容过多而无法完全显示。 !--程序8-8-- html head title控制框架滚动条/title /head frameset rows=20%,70%,* frame scrolling=yes frame scrolling=no frame scrolling=auto /frameset /html 8.3.4 调整子窗口的尺寸 frame noresize src=url 在frame标记中，添加noresize属性用户不能随意地改变子窗口的大小。 !--程序8-9-- html head title调整框架尺寸/title /head frameset cols=380,* frame src= noresize frame src=/index.html /frameset /html 8.3.5 设置子窗口的边距 frame src=url marginwidth=value marginheight=value marginwidth和marginheight属性可以设置相应子框架的左右和上下边缘的空白。 利用frame标记中的marginwidth属性来设置框架左右边缘的宽度；marginheight属性可以设置框架上下边缘的宽度。 !--程序8-10-- html head title设置框架边距/title /head frameset cols=30%,* frame src=left.html marginheight=50 marginwidth=50 frame src=right.html /frameset /html 8.4 浮动框架 iframe src=url/iframe 与框架不同的是，浮动框架可以包含在body标记中。 iframe即所谓“浮动框架”，它跟框架的差别在于：一个是在网页中的某个区域插入一个框架，并将其他要显示的网页内容嵌入其中；一个则是将网页分割成几个框架，并通过框架集将这些框架包含其中。 !--程序8-11-- html head title设置浮动框架/title /head /head body h2旅人印象/h2 p iframe src=photoalbum/photoalbum.htm name=abcd width=560 marginwidth=0 height=600 marginheight=0 scrolling=No frameborder=0 /iframe /p /body /html 8.5 小实例 将浏览器画面分割成多个子窗口时，可赋予各子窗口不同的功能。