码迷,mamicode.com
首页 > Web开发 > 详细

多多study02-html

时间:2016-03-21 23:03:56      阅读:217      评论:0      收藏:0      [点我收藏+]

标签:

列表:
作用:页面有一些数据需要显示。


无序列表:
作用:显示一列没有排列顺序的数据。
代码:
<ul>
    <li></li>
    <li></li>
</ul>
注意:
1.无序列表中的数据没有先后顺序之分。
2.ul标签最好不要单独出现。
3.ul标签是用来管理li标签。
4.ul标签中最好只放li标签。
5.li标签中可以放其它标签。
6.li标签是一个容器。


有序列表:
作用:显示一段有顺序的数据。
代码:
<ol>
    <li></li>
    <li></li>
</ol>
注意:有序列表中的所有数据都是顺序的。
现在一般情况下ul标签用的比较多,ol标签用的比较少。


自定义列表:
作用:显示一段数据,格式自己定义
代码:
<dl>
    <dt></dt>
    <dd></dd>
</dl>



表格
作用:用来将数据以表格形式显示出来。
代码:
<table>
    <tr>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
    </tr>
</table>
属性                作用


border               给表格加上了边框


width                给表格设置宽


height                给表格设置高

 


表格中的其它标签:
标签                     作用                                特点


<th></th>           起到表头的作用                      其中的文字加粗,居中


<caption></caption>  给表格设置标题                      在表格的最上面显示标题


<thead></thead>         用来存放当前列的表头            如果没有加css页面默认将表头中的高度设置变小


<tbody></tbody>         一般来存放页面中的主体数据            如果不写会自动加上


<tfoot></tfoot>          一般情况不会出现    


表单:
1表单元素
注册页面上能够填写的内容都是我们的表单元素。
作用:用来收集用户的信息,将来提交到服务器。
标签      属性         作用
input    type

      text:        文本框

      password:    密码框

      hidden:        隐藏域

      radio:        单选框

      checkbox:    多选框

      button:        按钮

      reset:        重置

      image:        图片按钮

      submit        :提交

      value        用于设置默认值(text,password,button)

select    option        下拉框

textarea          文本域

注意点:如果想要多个radio或者checkbox组成一个选择集合,那么必须给每个radio以及checkbox都设置相同name属性。
如何给radion,checkbox设置默认值呢?

设置另外一个属性:checked=”checked”

     我需要给下拉框设置默认值?
    selected="selected"
2Form标签:
为什么占击reset没有效果啊?
因为type=resrt的按钮只能在Form之中才能起作用。
作用:用来管理页面上的表单元素,表单元素如果要起作用,必须要放在form标签中。
属性        作用

action        将所有的数据提交到action指定的页面
    
为什么提交之后没有将数据显示在地址栏上呢?
必须要给需要提交的标签加上name属性。














多多study02-html

标签:

原文地址:http://www.cnblogs.com/1995-09626/p/5304139.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!