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

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

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

{?#\:C$\:h;dr0网页中的框架
B8n!\zE)ooD4tZn8m0
*L~_.a0eu1_R|0制作框架页面的步骤:51Testing软件测试网 }2{`#XI{-EO
1.编写所有子框架页面51Testing软件测试网EJ:W{+d{+m7{
2.编写主框架页面51Testing软件测试网Oo+ZX4W8zE`"S
3.在主框架页面中设定子框架名称
X)I{&}g04.如果框架页面之间存在链接,在子框架中设定链接。
Gw1ibx F,|"{0注意:框架页面是不含<body>标签的
2r,puZ(zE0l%q0
UeJ.O ^Q0基本语法
-fu*R-d5U!|i0<frameset>51Testing软件测试网1H&Gs3U]\)G ?.uh
<frame src="url">
?!`$a8x6Ek-G;@`QX0<noframes>51Testing软件测试网vqHlTlO#~ u\,d
<body>51Testing软件测试网l6Q0VHQ+Ud
您的浏览器不支持框架,请考虑升级您的浏览器!51Testing软件测试网7`6V7x.j sRi/q-m
</body>
dE F.p6N5[0</noframes>51Testing软件测试网wFN1j.n'~
</frameset>51Testing软件测试网Or}C(w
51Testing软件测试网 i]aUxBO;DW
定义框架的基本语法51Testing软件测试网$@A;`A"mf1A
框架由一对<frameset>定义
[MV$X[W7v_w2wo0<frameset>有两个属性:rows和cols51Testing软件测试网 k\7Obt
Rows定义上下分割的框架的大小;51Testing软件测试网EyV6eP)x6m]
cols定义左右分割的框架的大小;
@ iFD2pr6K8|0在定义大小时,rows和cols可以使用相对大小或以百分比为单位。51Testing软件测试网*ftmN-V?!ch

^M_p;E1c*[0各窗口的尺寸设置51Testing软件测试网'WSJ2ndWMR5}j
<frameset rows=#>横排多个窗口51Testing软件测试网 [6FQ!|J,A@
<frameset rows=30%,20%,*>51Testing软件测试网%c ui9uK
<frame src="A.html">51Testing软件测试网 Z*^MS$?C6_9oD
<frame src="B.html">51Testing软件测试网xl^ V4{qH&|?
<frame src="C.html">51Testing软件测试网 u,@,@oI
</frameset>
|~+m-zk;[9B0排列方式:   
"~me:F3VTr IZh0        A
t-K0nTo-A0    B
&}N|4M&x5s^aJ,Y0    C51Testing软件测试网2v&] [u l W#n
51Testing软件测试网*yo2d'X(w%B4J'O
各窗口的尺寸设置51Testing软件测试网m ^y)?mf^ R%d
 <frameset cols=#>纵向排列多个窗口
ed.g$M@WG@0        <frameset cols=30%,20%,*>
7ZA_)YE:z*} _N0        <frame src="A.html">
;f5[ A't|V0        <frame src="B.html">
Z(^/S+j1m&J Y0        <frame src="C.html">51Testing软件测试网{~:|+VOt*a
</frameset>
\I&~-y%p"M{Mf0排列方式:A  B  C
y7a#|{?Z z0COLS & ROWS:纵横排列多个窗口51Testing软件测试网/] Gt3Zn4\9lT"G
<frameset cols=137,*>
(m'Q!w/z5q$V y od| k0<frame src="A.htm">51Testing软件测试网h)KXu4UX`
<frameset rows=82,*>
]L-?ZQ0<frame src="B.htm">
8S*P|d]0<frame src="C.htm">
/R q4wEr1hzo$b0</frameset>
SU.}8C7{%}r`eB0</frameset>51Testing软件测试网4hu,bR7V1Og ID
排列方式:                B
Y(rxw%J0            A51Testing软件测试网ik5k/Z`7U
                C
-N9k[Q%O ]051Testing软件测试网 { ~3l"l.i&}f
框架边框的颜色51Testing软件测试网(RuR$w8lO Q
bordercolor="ff0000“
7V9nv?(F0例:03.htm51Testing软件测试网f8c+pIV"F't
各窗口边框的设置
7Rp2E`j"l-c0frameborder=#
KKl DN&v@&w0 #=yes, no / 1, 051Testing软件测试网 `sm-k|[0H
例:04.htm51Testing软件测试网1N,q4`?:h"C%i^
框架边框的宽度51Testing软件测试网I |u'@;tiT3p
framespacing="10"51Testing软件测试网cY_5y8}HW

:w#Cs0@-vc+f]0<frame>的属性51Testing软件测试网|&a;U[p7U
name:定义该框架的名字。这个名字可以被一些网页元素引用,如被<a>元素引用。51Testing软件测试网d|5}*@ \
<a href=url target=“framename”>
%y%p5~g9b(i2C/l0例:06.htm、07.htm51Testing软件测试网\!\#\x/W@^-IO
Src:在本框架里显示网页的URL。51Testing软件测试网Q ?^i}ao0k#B
Target:目标框架,引用的是目标框架的名字。
V\-~/x0U2N+A051Testing软件测试网7Kli\ol'Zv)Q
在当前框架中打开超链接页面
SJ]8l1s*_0默认就是在当前框架页中打开,也可以采用Target=“_self”
$}r]&^\S0在指定框架中打开超级链接页面
5T.R3ZrUc$q0Target=“name”51Testing软件测试网-`T*~n X(Tz,A7\
新开窗口打开链接页面
:e.uh`f0Target=“_blank”51Testing软件测试网)H6rk(Q^}
跳出整个框架集51Testing软件测试网%L!lcMc
Target=“_parent”51Testing软件测试网Gsg:p3A.j8^%R E#Ac
<frame>的属性
YPi"L xN u(z'D0Scrolling:是否显示滚动条。yes, no, auto
&G ln th)xu9[,?051Testing软件测试网 G3]MaO5y4A
Noresize:框架在浏览器里不可以被调整大小。
\$K0^szD\rXF_0内含窗口
/w"Up5T8j7{/S'l0<iframe src=#  name=##> ... </iframe>
m^0~?1V6{%`0#=初始页面的 URL51Testing软件测试网y%QHoU*N
##=框架名称(Frame Name)
`yM^&vvra051Testing软件测试网}X"OR0` M
会移动的文字51Testing软件测试网Z%b3|4\~@ F

[x3sp@5})ea01.基本语法51Testing软件测试网7c"A2?1N"}YL zWoI-y
<marquee> ... </marquee>51Testing软件测试网 @7q f1b$~x7r1f3g
文字移动属性51Testing软件测试网~q0z g&O6B A-e-L6b
(1)方向 :direction=#
#_LJb q1j,kx*M0#=left, right,up,down51Testing软件测试网2U4K@b @GlB/N
51Testing软件测试网I/Z~E&Nig
2、文字移动属性51Testing软件测试网 X;q2[8gq;W#k/F
(2)方式: behavīor=#
sng?3n GH0#=scroll(循环), slide(只走一次), alternate(来回走)
Xn0a@%n8X^T|vv0(3)循环:  loop=#51Testing软件测试网v b&A9c0MX.@
#=次数;若未指定则循环不止(infinite)
e-m v6Z/UJ^$o_[02、文字移动属性51Testing软件测试网+MC(Tz9QP_!i:t
(4)速度: scrollamount=#
"w!?{r:PVC,]#o#r0(5)延时: scrolldelay=#51Testing软件测试网bok p8h)j|

:g4I(V-EY4f%y.w03、其他属性51Testing软件测试网!M3SK%C~3ps
(1)底色: bgcolor=#
xgU"ViC-k9U:|M0#=RRGGBB  16 进制颜色代码
yT?#C3I I d{SU0(2)面积: height=#  width=#51Testing软件测试网.y,B1h\K)E.F |(c*i G
(3)空白:hspace=# vspace=#  51Testing软件测试网(B#vT:Gh)o

J)Wf*v]8V,V-lx@_0多媒体页面
PAc0^m7DR@0用<EMBED>嵌入多媒体对象
H H&_c n @P+rO0基本语法51Testing软件测试网 @ H#^ jxciK)v
<embed src=#>    #=URL51Testing软件测试网 U:Yggldk~"b
注:
y]D? Md%E K0使用<embed> 标记之前,需要安装插件才可以;
.SNw9dUT0对于不同的plugin,其embed属性也不同。51Testing软件测试网DO?Uk {"s GZ
51Testing软件测试网FLP+Qq \X,i
嵌入背景音乐
G*^l b}8M@} y0<bgsound src=#> #=WAV 文件的 URL51Testing软件测试网2{s L]V)y
<bgsound loop=#> #=循环数51Testing软件测试网1A-Ax O'Hk KO;xF](QT
51Testing软件测试网 T2T6I(EGn
特殊标记元素Object51Testing软件测试网"P*Jq*aF-~Q1Y
<OBJECT>元素用来包含图像、动态图像、Java小程序。51Testing软件测试网3L8~kE eN,y2j&\
<OBJECT>元素用以替换更具体的<IMG>和<APPLET>元素,以及<EMBED>和<BGSOUND>元素。
|\m}c$h0
$[8b6pX&}0^;\051Testing软件测试网Q~2z7s!Z D

TAG: HTML 学习 笔记

 

评分:0

我来说两句

我的栏目

日历

« 2024-05-05  
   1234
567891011
12131415161718
19202122232425
262728293031 

数据统计

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

RSS订阅

Open Toolbar