web从入门开始(6)-----框架

普通框架

  1. 框架概念:就是将一个页面分割成小窗口,每个窗口都是一个网页
  2. 框架集和框架页

框架集:<frameset>:主要用来划分窗口的

框架页:<frame>:主要用来指定窗口默认显示的网页地址

        比喻:窗户框(框架集)和玻璃(框架页)

格式:

<frameset>

        <frame/>

        <frame/c>

<frameset/>

  1. <frameset>:框架类型只能有一个

属性:

l  cols :划分左右型的框架

  u  cols=”200,*” //左框架宽度为200px,剩下的是右框架

  u  cols=“180,*,180”  //左框架,右框架分别是180px,剩下的是中间框架

  u  cols=“20%,*”  //左框架为页面的20%

l  rows:划分上下框架

  u  方式同左右框架

l  fameborder:是否显示框架的边框线 “0”or“1”

l  border:边框的粗细

l  bordercolor:边框的颜色

l  scrlling:是否显示滚动条  “0”or“1”

  1. <frame>:

属性:

l  src:该小窗口中默认显示的网页的地址和路径

l  noresize:不能调整窗口页的大小  例如:noresize=”noresize”

l  name:小窗口的名字  ----这个属性通常是给<a>标记target属性来用的

使用效果:

当点击左侧某个关键字时:

在右侧框架页中显示内容

web从入门开始(6)-----框架

web从入门开始(6)-----框架

  1. <noframes>含义

当你的浏览器不支持框架的时候,显示的内容(但是现在浏览器都支持框架)

语法:<noframes></noframes>

框架制作:

1) 框架结构的规划

2) 制作具体的页面

注意:框架网页的DTD必须是

<!DOCTYPE html PUBLIC”-//W3C//DTD XHTML 1.0Framexet//EN””http://www.w3.org/TR/xhtml 1/DTD/xhtml1- framexet.dtd”>

行内框架(内嵌框架)

l  描述:内嵌框架,相对于在现有的网页中,挖了一个“窟窿”,透过这个“窟窿”可以看见里面的内容

l  于普通框架的区别:<ifrme>是<body>的子标记,因此,他应该放在<body>中

l  语法格式:<iframe 属性=“值”>当格式不支持时显示的页面</iframe>

l  常用属性

  u  src :引入文件的位置

  u  width :框架的宽度

  u  height :框架的高度

  u  frameborder :是否显示框架的边框线.取值:”0 ” or “1”

  u  name :指定窗口的名称,通常是给<a>标记target属性来用的

    u  align:框架中网页的对其方式,可以实现图文混排

    n  注意:src引入的只能是hph文件,不能是其他文件