HTML学习笔记(6)——HTML网页中的框架

上一篇 / 下一篇  2008-01-07 22:19:53 / 个人分类:HTML

没想到这么快就把教程学完了呵呵,不过后面有点偷懒,没有做练习,明天要自己构思一个简单的网页来实现一下,力求把学到的知识都用上,以巩固一下呵呵51Testing软件测试网 h9O s_"@[:[Ns

)\,_$hi%~j'AXvh3f0网页中的框架
)v%o*e;y'F&cvB*a0
,SmOw _+Cho0制作框架页面的步骤:51Testing软件测试网l!K)_fO7sf cm
1.编写所有子框架页面
,l.u3g0| noS02.编写主框架页面
bA\q)lK'{03.在主框架页面中设定子框架名称
8?M+O9S0c*}%xzE6u04.如果框架页面之间存在链接,在子框架中设定链接。
"fEG"~6w0注意:框架页面是不含<body>标签的51Testing软件测试网M:jPE}e,a(C
51Testing软件测试网.i2QL2M6@&D]MBC9F
基本语法51Testing软件测试网(C[5N/BB2rEBg
<frameset>
8pD#zZnnt"E0<frame src="url">51Testing软件测试网)Dj]0FS.^'P0B|5y
<noframes>
r)z_stN;|$|T0<body>51Testing软件测试网#DYW(C5E$g!\p7~!w
您的浏览器不支持框架,请考虑升级您的浏览器!
e!\S#}Qe0</body>51Testing软件测试网Y})}?l&YM
</noframes>51Testing软件测试网+i,S6K!xE4t-PY/u
</frameset>51Testing软件测试网AJ^ d I

O#h m'aQ0定义框架的基本语法
e(r%{"j \2py0框架由一对<frameset>定义
4Ko5T5F#djp4q~0<frameset>有两个属性:rows和cols
:Y*I4a'EW,qti-s0Rows定义上下分割的框架的大小;51Testing软件测试网P#}9t*OM)P B
cols定义左右分割的框架的大小;51Testing软件测试网 j l`9}zgB+H5T
在定义大小时,rows和cols可以使用相对大小或以百分比为单位。
4I"APH4Q+a r`5t7M051Testing软件测试网3G~hUZ%|
各窗口的尺寸设置
tedD"a)YC]}0<frameset rows=#>横排多个窗口51Testing软件测试网&~y*g,^hA}#S ]
<frameset rows=30%,20%,*>51Testing软件测试网 w%D#D[5LX6Z
<frame src="A.html">
-uy{y'A(Cw:@s0<frame src="B.html">51Testing软件测试网!r'@%|"bSk@
<frame src="C.html">51Testing软件测试网0g3A'V$f \-J5b9Pi
</frameset>
$`"l8U!_hc0排列方式:   
ziVe;A/f!a0        A51Testing软件测试网 ` Iw8X.D-q[4a
    B
qC1^{i!aF#W0    C51Testing软件测试网P Cub$bi8H

5\D/v eg kb;n`/{YC1G0各窗口的尺寸设置51Testing软件测试网nK3u\i5{4lb
 <frameset cols=#>纵向排列多个窗口51Testing软件测试网Y+LB0xQ%n\ M
        <frameset cols=30%,20%,*>51Testing软件测试网,D9W\ Fql
        <frame src="A.html">51Testing软件测试网\Y)p1r3@]/eu[
        <frame src="B.html">51Testing软件测试网R B;R+uuF
        <frame src="C.html">
'A-a x&t3t0</frameset>51Testing软件测试网2]W6h2V*{
排列方式:A  B  C51Testing软件测试网{'Ri3Sd9@
COLS & ROWS:纵横排列多个窗口
2]qZ0hpx3M0<frameset cols=137,*>51Testing软件测试网9@!AH4X/S8CW gC
<frame src="A.htm">51Testing软件测试网hw!gT(b"DS U
<frameset rows=82,*>51Testing软件测试网 r|~ ]r\
<frame src="B.htm">51Testing软件测试网)a \ o E;x2fG!r%fF1M+b
<frame src="C.htm">51Testing软件测试网 f@T{!x(S;x
</frameset>51Testing软件测试网mwI_4]Ao1r?
</frameset>51Testing软件测试网 vC w%W'rC6}6Z0A&L
排列方式:                B51Testing软件测试网2M%M]%\X$r-^:S3L
            A
gWh Xx C2^8t/O0                C51Testing软件测试网;kIg8V&MI:M'X s$q

0M/m WhS |s _(R a Ta0框架边框的颜色51Testing软件测试网4k'fo.O6qR-J
bordercolor="ff0000“51Testing软件测试网wt&d*lDL)o,K
例:03.htm51Testing软件测试网Bw2`"uV
各窗口边框的设置
u? {"T&F@H i0frameborder=#
M/E/K} oz0 #=yes, no / 1, 0
wu/AJ](PE${Z0例:04.htm
fLL7YoWe!E&Fz0框架边框的宽度51Testing软件测试网i}a6qq/s u*N
framespacing="10"51Testing软件测试网~y|Z [*P ?/k

:[*k+Go1R'B @hK0<frame>的属性51Testing软件测试网+Qs4yR3x
name:定义该框架的名字。这个名字可以被一些网页元素引用,如被<a>元素引用。
h/U h O3{Afu F1V)_0<a href=url target=“framename”>51Testing软件测试网hy(LINCGW
例:06.htm、07.htm
KU2e4yY$y4[0Src:在本框架里显示网页的URL。51Testing软件测试网 ImnL mC#ZX1\ v
Target:目标框架,引用的是目标框架的名字。
"`8i;e B_*QQt$B${-P3}051Testing软件测试网H6` ]X*I Ch-U3UB f
在当前框架中打开超链接页面51Testing软件测试网.e+yc&VMh5D
默认就是在当前框架页中打开,也可以采用Target=“_self”
Q;J:?8C$l0在指定框架中打开超级链接页面
U7E}8OY;T%tv} s^0Target=“name”51Testing软件测试网^x|5Q{^Q
新开窗口打开链接页面51Testing软件测试网0S*mNu,I1`)Y*GY^N
Target=“_blank”51Testing软件测试网)v.E Ubht
跳出整个框架集
w`xK2tIy0Target=“_parent”51Testing软件测试网4P&Cv p*x-|z
<frame>的属性51Testing软件测试网1Wb+} b9u'\3["gk
Scrolling:是否显示滚动条。yes, no, auto
v}i7Hfw9]051Testing软件测试网1_$e&fi~ Dl
Noresize:框架在浏览器里不可以被调整大小。51Testing软件测试网4ZxStYE!t2n,_;R
内含窗口
2[)x+\(_ _oQ'`0<iframe src=#  name=##> ... </iframe>51Testing软件测试网c_2}4G,O#cm7Z
#=初始页面的 URL
gL?/c @V$`9p1A0##=框架名称(Frame Name)51Testing软件测试网v.L:n$BEOmiyP
51Testing软件测试网k7U!u)a'r;M1J
会移动的文字51Testing软件测试网,pyn?H(n

tF[ XH)e"QA!t'_01.基本语法
J&h!^{ G0<marquee> ... </marquee>51Testing软件测试网y[+{;h DPj
文字移动属性
{{)f+[x3H `p0^7_0(1)方向 :direction=#
+S.N*V:L-m]Nd@0#=left, right,up,down
!t1j;Sy0CmI[*U051Testing软件测试网0p,LE,]w2\0@J
2、文字移动属性
y2d2YBk] L\0(2)方式: behavīor=#
%U4IL(y+C*A0#=scroll(循环), slide(只走一次), alternate(来回走)
HmjRX6WPRZ0(3)循环:  loop=#
M$f)D9n"C0#=次数;若未指定则循环不止(infinite)
getJc5E G02、文字移动属性
#R+@&},VF0(4)速度: scrollamount=#51Testing软件测试网@E6b5PZ `A
(5)延时: scrolldelay=#
wq'C\MRE5Z$z0
%|fT)r Y}${#_,s03、其他属性51Testing软件测试网 d~,K%TO
(1)底色: bgcolor=#
#C0Fz OU0p-u!V^0_0#=RRGGBB  16 进制颜色代码
Wv)HYNmN3K0(2)面积: height=#  width=#51Testing软件测试网 s)[$g(d!w1Z
(3)空白:hspace=# vspace=#  
;N;x'v Wqsvov'b0
g [2V B?O/V.I0多媒体页面51Testing软件测试网&iMbvjNLy
用<EMBED>嵌入多媒体对象
-N F^F(\ z_9S7T0基本语法51Testing软件测试网M9BUSX
<embed src=#>    #=URL
'L!X1~Y:i0注:
Y;Y6irp+R0使用<embed> 标记之前,需要安装插件才可以;
axq1?_/P0对于不同的plugin,其embed属性也不同。
]kPI:zL0
`C/[tPwX(s [0嵌入背景音乐51Testing软件测试网M3l]pZ0wRxi
<bgsound src=#> #=WAV 文件的 URL51Testing软件测试网HiJ Y:fz
<bgsound loop=#> #=循环数51Testing软件测试网*PUxhM }#^

']M7DA!e;N.BQ*C0特殊标记元素Object
|5Oj%K(d)}3{rK&{V^K0<OBJECT>元素用来包含图像、动态图像、Java小程序。
FZ;R6d:kCd;g@"Y0<OBJECT>元素用以替换更具体的<IMG>和<APPLET>元素,以及<EMBED>和<BGSOUND>元素。51Testing软件测试网9Px9uGd3c5Y8t

1X:j)o*~ FV6L t zP'a051Testing软件测试网k)@(~#Y/?!D Y1M

TAG: HTML 学习 笔记

 

评分:0

我来说两句

我的栏目

日历

« 2024-04-06  
 123456
78910111213
14151617181920
21222324252627
282930    

数据统计

  • 访问量: 5203
  • 日志数: 8
  • 建立时间: 2007-12-30
  • 更新时间: 2008-01-07

RSS订阅

Open Toolbar