html总结

来源：互联网发布：js中window事件编辑：程序博客网时间：2024/06/04 19:48

HTML第二天总结

今天我们主要讲了列表标签和表单。

其中列表标签主要讲了：无序列表、有序列表、自定义列表还有列表的嵌套。

<ul>是定义个无序列表

<li>定义一个列表项（每一种列表标签中都有）。

Type属性用来指定无序列表的符号有

Disc:实心圆点，默认值。

Circle：空心的圆圈。

Square：实心的正方形。

下面是实心圆点的案例：

<ultype="disc">
    <li>浙江</li>
    <li>河南</li>
    <li>江苏</li>
    <li>上海</li>
</ul>

<ol>:定义有序列表，既列表带有序号

Type属性用来指定有序列表的类型，取值有：

1：序号为1.2.3.4  默认值

A：序号为A.B.C.D...

a：序号为a.b.c.d...

I：序号为I.II.III.IV...

i：序号为i.ii.iii.iv...

<ol type="A"start="1">
    <li>嘉兴</li>
    <li>上海</li>
    <li>江苏</li>
    <li>南京</li>
</ol>

start 属性指定的是从第几个开始的，当取值为0或者负数是，（列表会从指定为值开始到零后就会使用type属性定义的列表类型）

列表的嵌套是指在列表中加列表，在有序列表中添加无序列表：

<dl> ：定义自定义列表

<dt>：列表项的标题

<dd>：项列表的描述

<dl>
    <dt>河南</dt>
    <dd>河南，古称中原、中州、豫州，简称“豫”，因历史上大部分位于黄河以南，故名河南。河南位于中国中东部、黄河中下游。截至2016年底，河南共下辖17个地级市、1个省直管市、52个市辖区、20个县级市、85个县，省会郑州市，常住人口9532.42万人，居中国第3位。
    </dd>
  <dt>江苏</dt>
    <dd>江苏，简称“苏”，省会京，位于中国大陆东部沿海，介于东经116°18′～121°57′，北纬30°45′～35°20′之间。公元1667年因江南省东西分置而建省，得名于“江宁府”与“苏州府”之首字。江苏省际陆地边界线3383公里，面积10.72万平方公里，占中国的1.12%，人均国土面积在中国各省区中最少。江苏地形以平原为主，平原面积达7万多平方公里，占江苏面积的70%以上，比例居中国各省首位。2015年年末，江苏常住人口达7976.3万人，居中国第5位。
        </dd>
</dl>

第二部分是表单

表单就是收集用户填写的信息，并将其提交到后台服务器。

表单是一个包含表单元素的区域。表单元素是允许用户在表单中（比如：文本域、下拉列表、单选框、复选框等等）输入信息的元素。

<from>标签中

Action属性：指定提交的地址。

Method属性：指定提交的方式，get或者post

Get和post的区别：

1）长度的限制，get方式限制到2以内，

2）安全性，get方式提交的数据会直接呈现在地址栏，敏感度数据容易被截获。运用Post方式更好

<label>的作用：

（1）可以单独对其应用相应的格式；

（2） for属性可以使之和某个关联，即当单击文本会激活对应的文本框。

<fromaction="#" method="post">
   <labelfor="userID">账号：</label><inputid="userID"type="text"maxlength="10"size="20"value="abc">
    <br><br>
   <labelfor="password">密码：</label><inputid="password"type="password"maxlength="6"size="20">

</from>

单选按钮：如果需要若干个单选按钮编为一组（一组最多只有一个被选中），需要设置相同的name属性。

如果需要默选某个选项，只需加上checked属性：

<inputtype="radio" name="role">学生
<input type="radio" name="role"checked>教师
<input type="radio" name="role">管理员

多选按钮的type=”checkbox”,r若果选择默认选项，只需要加上checked属性：

<from>
    你的兴趣爱好：
    <input type="checkbox"checked>音乐
    <input type="checkbox"checked>阅读
    <input type="checkbox">游戏
    <input type="checkbox">电影
    <input type="checkbox">睡觉
</from>

提交按钮：点击按钮之后，跳转到form表单指定的action里面。

value属性：value对应的值相当于用value给submit赋值。

将form表单中的input中name属性的值（键）和用户输入的值组成键值对，凭借到form表单action属性值的后面。

重置按钮：点击按钮后，重置表单内部的输入框，value=” ”属性，相当于赋值。

<inputtype="submit" value="登录">

<inputtype="reset" value="重置">

普通按钮就是点击按钮后，没有任何反应。Value属性，value对应的值相当于赋值。

<inputtype="button" value="登录">

Imgage按钮的作用和submit按钮的作用一样。如果type是image的时候，需要设置src属性的值，如果src对应的路径没有找到图片，并且没有设置alt属性，按钮会显示默认值“提交”，如果设置了alt则显示alt所给的值（类似于img标签）。

<inputtype="image" src="login.jpg"alt="登录">

<button>内容可以是任意资源（图片、段落、视频、音频等）当<button>标签放置在from内部，作用和submit一样。点击<button>中的任意一个部分都可以当做按钮使用

阅读全文

1 0