阿七
级别: 未验证会员
精华:
0
发帖: 909
威望: 0 点
金钱: 2161 RMB
贡献值: 0 点
在线时间:512(小时)
注册时间:2006-03-29
最后登录:2008-08-07
|
html基础学习笔记(2)
html基础学习笔记(2) -CNv=vj 3 出处 ^,r;/c9A8 {nWtNyJpS 今天晚上继续。。。 &l)v' Kct +QO( 5列表 F>nrV B}bNl 7
~ 1)无序列表:无序,就是没有特别的序号,也就是平等哦。。下面看个例子吧。 )x $Vy= 7"U,N;y <ul><li>内容1<li>内容2<li>内容3</ul>(注:对于ul,可以添加属性type,属性值有disc,square,circle,这样就可以改变序号了◎) Icb;Yzt IWd*"\L 2)有序列表:这个当然就是前面有序号咯。 0|k[Wha# JVCgYY({KQ <ol><li>内容1<li>内容2<li>内容3</ol>(注:对于ol,同样可以添加type属性,属性值可以是1,a,A,i,I,呵呵,自己测试一下。)另外,对于ol,可以从喜欢的序号开始排序,用的属性就是ol的start和li的value了,很明白吧:) eesLTyD2_ 66;O 3g' 3)列表嵌套:嵌套,类似于树状菜单的东西。可以使用<ul><ul></ul></ul>(ol也一样)类似的格式进行使用。 e/%YruzS clV/i&]Qa 4)定义列表:主要有dl,dt,dd,分别代表定义标识,头部和内容,使用方法: 4IpFT; `q 2o}FB\4^i <dl><dt>头部<dd>定义的内容</dl>(注:dt和dd不需要结束标记) 5,fzB~$TX( 7hE=+V8 6表单 5Uz(Bi +#9 (T
1)定义一个form:定义一个form标记,用于确定发送消息的类型和处理方式,其中必须的属性就是action了。<form action="http://zsu.edu.cn/..." method="post">(注:method用于说明传送数据的方式,还有get方式,不过现在常用post)。类似的有,<form action="mailto:mc02cxj@zsu.edu.cn" method="post"> msJn;(Pn 7t/SZm 2)大部分的form都是在<input>中处理的。如下面所示: uQ)]g |]^! 4[!U 请输入名字<input type="text" name="username"><p> =i<(h
gD 请输入口令<input type="password" name="pword"><p> o*8 pM`uw 请提出宝贵意见<textarea name="comment" rows=3 cols=20 > .w"O/6." </textarea><p> I#%-A <input type="submit" value="Submit form"> >@W#@W*I@ <input type="reset" value="Clear data"> ax }Xsk_ QJ'C?hn 自己可以修改一下属性并进行测试◎ NyNu1V$ W;yZ$k#q}( 3)复选框和单选框 @[lr
F7`o <ZEll[0L <input type="checkbox" name="check1" value="check1">check1
w?"l4.E% <input type="checkbox" name="check2" checked value="check2">check2 v.J#d>tvf <input type="checkbox" name="check3" checked value="check3">check3<p>(这是复选框) $'w l{D" <input type="radio" name="radio1" value="radio1">radio1 y+<HS]vyV <input type="radio" name="radio2" checked value="radio2">radio2 l
"Q8` <input type="radio" name="radio3" value="radio3">radio3<p>(这是单选框) D:0PppE ':@qE\( 4)下拉菜单和滚动菜单 2sH5<5G' Mf"B!WU>]B <select> n9yxZu <option>1</option> Qw+"> <option>2</option> ,GlK_-6> <option>3</option> Dc2eY. <option>4</option> a gzG <option>5</option> jXQ_7 </select><p>(下拉菜单) 3&
$E <select multiple size=5 name="1"> f]ef 1# <option>1</option> .[!
^L <option>2</option> _!ed.h.r: <option>3</option> Z:{
Z&HQC <option>4</option>
AHb
<option>5</option> [%pZM.jFO </select><p>(滚动菜单,就是比下拉菜单多了个multiple属性和name属性,而size属性是可有可无) i`X{pEKP+ O(VV-n7U 7帧结构 'n=D$j]X
slbV[xR 什么是帧结构,就是在一个完整网页里边分页,当一个页的url发生变化,其他的可以不变:)使用帧结构可以使得网页更加多变,内容更加丰富,不过也会带来一定的麻烦,因为它打乱了原来的基本操作规则。 >JhQ=j %F7k| Na 如何建立一个帧结构?如下面的例子所示。 (~~=<0S .6*A~%-=[d <html>///注意:没有body的哦。。 ~H.;pJ{ 8 <head> NZ#z{JI=+ <title>帧结构</title> MD,-<X)Qy </head> U"Y$7~ <frameset rows="50%,*" cols="50%,*">//定义了网页的分页结构,包括了行数和列数 {!w]t?h <frame src="doc1.html">//引用网页的基本写法 p5*Y&aKj <frameset rows="40%,50%">//定义了一个嵌套的帧 b#F3,T__`Y <frame src="doc2.html"> ?s//a_nL* <frame src="doc3.html" scrolling="yes">//scrooling表示是否带有滚动条 86i =N_ </frameset> -(jcsqDk <frame src="doc4.html" frameborder="0">//frameborder表示边框格式,1表示缺省,0表示无 #S"=)BZ8L <frame src="doc5.html" noresize>//noresize使得帧窗口的大小不可移动! PrCq
JY </frameset> IpWl;i`__ </html> |G1U$p >,[(icyzn 注:另外,如果在帧窗口中加入<a herf="新网页" target="_top">这样的话,当激活这个链接的时候,就清除了当前的帧结构,用新页代替,可以自己测试一下。 C$P3&k#W 6l4l74 8表格 QAR<.zXvP MKbW^: 如何建立一个表格呢? \ZC7vM"h o,29C7Ii <table border=20 cellspacing=20 cellpadding=20> //大家可以测试一下,这3个分别表示的是什么。。其中border表示边框,如果不设置,那么显示的表格就没有边框。而cellsapcing是格间线宽度,cellpadding是内边框! y,aASy!Q <caption align=center>数据</caption> UZyo:*yB <tr> *ce h
]v <th>数据1</th><th>数据2</th>//标题,可以使用align属性进行设置其出现的位置 DV.m({? </tr> < | |