框架布局news课件_第1页
框架布局news课件_第2页
框架布局news课件_第3页
框架布局news课件_第4页
框架布局news课件_第5页
已阅读5页，还剩9页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

第6章框架布局王富强2010.7.22Msn/email:wfuqiang@第6章框架布局王富强2010.7.22Msn/email本章目标在学完本章时同学们应该掌握框架的概念掌握创建含有框架的html文档框架格式化浮动框架本章目标在学完本章时同学们应该6.1框架的概念框架的概念首先由Netscape公司于1995年提出，后W3C在html4.0当中引入了框架的概念，当今框架已经成为网页设计的最常见的布局方式6.1框架的概念框架的概念首先由Netscape公司于196.2框架的使用标记：<frameset>格式：<framesetcols=“70%”></frameset>在标记frameset中cols或rows的取值可以是像素、百分比、*号指定所占空间的百分比 作用：用于定义怎样将一个窗口划分为多个框架Cols：列Rows：行<frame>标记格式<framesrc=“url”>作用：标识框架的布局备注：这是个单标记的标签6.2框架的使用标记：<frameset>6.2框架的使用<html><head><title>基本框架</title></head><framesetcols="20%,80%"><framesrc="left.html"><framesrc="right.html"></frameset></html>6.2框架的使用6.2框架的使用标记：<noframes></noframes>格式：<noframes>提示信息：抱歉你的浏览器不支持框架显示单，要查看请单击这里</noframes>作用：当浏览器不支持框架显示的时候，提示用户相应的信息<framesetcols="20%,80%"><noframes><body>提示信息：抱歉你的浏览器不支持框架显示单，要查看请单击这里</body></noframes><framesrc="left.html"><framesrc="right.html"></frameset>6.2框架的使用标记：<noframes></nofram6.2框架的使用弹性框架<html><head><title>弹性框架</title></head><framesetcols=“100,*,*"><framesrc="left.html"><framesrc="right.html"><framesrc=“center.html"></html>6.2框架的使用弹性框架6.2框架的使用框架嵌套<html><head><title>框架嵌套</title></head><framesetrows="20%,*,*"><framesrc="frame1.html"><framesrc="frame2.html"><framesetcols="30%,30%">

<framesrc="frame3.html"> <framesrc="frame4.html"></frameset></frameset></html>6.2框架的使用框架嵌套6.2框架的使用弹性框架(续)<html><head><title>弹性框架</title></head><framesetcols=“100,*,2*"><framesrc="left.html"><framesrc="right.html"><framesrc=“center.html"></html>备注：Center所占的比例为right的2倍6.2框架的使用弹性框架(续)6.2框架的使用框架目标在一个框架内的链接可以链接到另一个框架实现框架目标需要注意确保框架被命名设置锚站目标请看锚点演示实例display6.2框架的使用框架目标6.3框架格式化框架边框在默认情况下，大多数浏览器使用框架边框，控制框架边框的属性主要有两个：框架边框（frameborder）：设置框架边框、属性值有0和10表示不要边框1表示要边框边框（border）：以像素为单位设置边框宽度设置边框颜色（bordercolor）6.3框架格式化框架边框6.3框架格式化设置页白属性：marginwidth表示：框架内容距离左右边框的距离单位：像素属性：marginheight表示：框架内容距离上下边框的距离单位：像素注意：这个框架作用在frame中6.3框架格式化设置页白6.3框架格式化设置框架大小：属性：noresize注意：这个框架作用在frame中6.3框架格式化设

人人文库> 全部分类> 教育资料 > 辅导培训

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论