第十二课创建框架.pdfVIP

第十二课：创建框架 Html 创建框架结构页面 横向分割页面 frameset rows=”框架高度，框架高度，……*”注意最后面的*号表示最后一个，无需用数值来表示 html lang=en head meta charset=UTF-8 title框模式的大小/title /head frameset rows=40% ,40%,*//横向分割窗口 frame /frame frame/frame frame/frame /frameset /html 纵向分割窗口 !DOCTYPE HTML html lang=en head meta charset=UTF-8 title框模式的大小/title /head frameset cols=40% ,40%,* frame /frame frame/frame frame/frame /frameset /html 非常简单 下面做一个 !DOCTYPE HTML html lang=en head meta charset=UTF-8 title框模式的大小/title /head frameset cols=40%,*//纵向分割窗口 frame/frame//第一个窗口什么也不做！ frameset rows=50,*%//在第2个窗口横向分割 frame/frame frame/frame /frameset /html 注意frameset，frame 标签不能和body 标签不能一起使用 常用的格式 frameset ….. frame src=…..这是一个框架的页面途径src后面是你要连接的页面 frame src=….. frame中常用的属性有 framesrc=”” scrolling=auto/yes/no norsesize=”nosesize” 其中scrolling 属性用来设置是否有滑轮，norsesize 用来设置是否固定框架的位置 下面来看看改变边框的表现效果 设置frameset标签中的border 属性，bordercolor 属性等！ !DOCTYPE HTML html lang=en head metacharset=UTF-8 title框模/title /head frameset cols=40%,* border=23px bordercolor=#FF0000//用来设置边框的间距，颜色 frame/frame frameset rows=50,*% frame/frame frame/frame /frameset /html 框架集中页面之间的链接 1 !DOCTYPE HTML 2 html lang=en 3 head 4 meta charset=UTF-8 5 title框模式的大小/title 6 /head 7 frameset cols=40%,* 8 frame src=wode1.html scrolling=yes marginwidth=50px marginheight=20px/frame 9 frameset rows=25%,25% ,25%,* 10 frame src=siver.html marginwidth=50px marginheight=20px name=blue 11 frame src=siver.html marginwidth=50px marginwidth=20px name=red 12 frame src=siver.html marginwidth=50px marginwidth=20px name=green//注意name 的用法，这是关键，它是用来给右边的框架来命名 13 frame src=siver.html marginwidth=50px marginwidth=20px name=orange 14 15 /html 这是wode.html 中的代码 下面是wode1.html 代码 1 !DOCTYPE HTML 2 html lang=en 3 head 4