多多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的主要内容,如果未能解决你的问题,请参考以下文章