(三)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>

表单标签的后续内容,在下一篇中会继续阐述..

      

 

posted @ 2015-06-12 09:31  咸稀饭  阅读(447)  评论(0编辑  收藏  举报