多多study02-html

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了多多study02-html相关的知识,希望对你有一定的参考价值。

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


无序列表:
作用:显示一列没有排列顺序的数据。
代码:
<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的主要内容,如果未能解决你的问题,请参考以下文章

多标签分类问题 [case study]

lunar data study

Good studying and day day up

51study之cp命令

sql study

学习!!!Study!!!