(三)HTML中的列表标签、框架集及表单标签
一、HTML的列表标签
在网页中,经常可以看到,有的内容排列如同word里面的项目编号,这就是HTML的无序排列和有序排列起到的作用。。
HTML之无序排列:<ul></ul>
例子:<ul type="??">
// type的属性值可以为:disc---->实心黑色圆;circle---->空心圆;square---->实心正方形。
<li>河南理工大学</li>
<li>河南工业大学</li>
</ul>
HTML之有序排列:<ol></ol>
例子:<ol type="??" start="??">
//type的属性值可以为:1---->按照阿拉伯数字排序(1,2,3);a---->小写英文字母排序(a,b,c....)
A---->大写英文字母排序(A,B,C....);i---->小写罗马字母排序(i,ii,iii,.....)
I---->大写罗马字母排序(I,II,III,....)
start的属性值为阿拉伯数字(1,2,3...),表示从第几个开始排序
<li>河南理工大学</li>
<li>河南工业大学</li>
</ol>
注意:属性值之间是空格,不是逗号。。
二、HTML的框架集
HTML的框架集标签:<frameset></frameset>,主要用来布局页面,在一个页面中可以显示多个页面的内容
1、固定框架
例如:A.html中同时包含B.html和C.html,
则A.html的布局为:
<html> 注意:A中不能有body体,即不能出现<body></body>
<frameset rows="??" cols="??">
// rows属性表示页面包含几行的宽度值(rows="20%,60%,*"),*表示其余宽度;cols属性类似
<frame name="??" src="??" noresize frameborder=""></frame>
//name属性表示框架的名字,src属性指示链接到的地址
<frame name="??" src="??" noresize frameborder=""></frame>
//noresize表示同一页面中,框架之间的分界线不能移动
//frameborder属性表示框架之间的分界线宽度。
</frameset>
</html>
2、浮动框架
例如:A.html中同时包含B.html和C.html,
则A.html的布局为:<html> 注意:A中可以有body体
<body>
Hello world!!!!
<iframe name="??" src="??" noresize frameborder=""></iframe>
<iframe name="??" src="??" noresize frameborder=""></iframe>
</frameset>
</body>
</html>
三、HTML的表单
HTML中的表单具有强大的功能,实现前台的设计,从而和后台之间进行交互...
表单标签:<form></form>
例子:一个登陆界面的实现
<form action="??" method="??">
//action属性表示提交到哪个页面,method属性表示用到的方法:get和post
用户名:<input type="text" name="username"><br/> get和post的区别:1、post相对安全
密 码:<input type="password" name="password"><br/> 2、post数据量更大
<input type="submit" value="提交"> 3、get要求服务器及时响应
<input type="reset" value="重置"> 4、post页面无法收藏
</form>
表单标签的后续内容,在下一篇中会继续阐述..