Web前端学习 03

!!! 今天写demo的时候 发现了自己对float用法的一个bug，

以我目前学的知识，我想的是写一个列表 用float将列表横置，然后装在一个div里 用 margin：0 auto
实现水平居中效果，但是发现不起效果，之后检查发现我的ul,div的高度都为0，在我的理解中高度会
由内部元素撑开… 之后查阅W3S后 我自己的处理方法是 将li ul div 都float:left 然后用 margin-left: 200px
居中… 目前所学只是有限，据说可以用弹性布局直接居中…目前还未学习盒模型。 CSS+HTML学完后
再回来重构吧！

1.列表及vertical-align的使用

2.表单

一.列表
定义：一系列相关数据的展示形式
分类：
有序列表

 <ol>
		<li>桔子</li>
		<li>香蕉</li>
	    <li>苹果</li>
 </ol>

无序列表

		 <ul>
    		<li>桔子</li>
    		<li>香蕉</li>
    		<li>苹果</li>
  	     </ul>

自定义列表

			<dl>
   	           <dt>所属学院</dt>
    	           <dd>计算机应用</dd>
    	           <dt>所属专业</dt>
    	           <dd>计算机软件工程</dd>
	        </dl>

列表样式：

    list-style-type
    list-style-image
    list-style-position
    list-style

属性：type
无序 disc 项目符号显示为实体圆心，默认值
square 项目符号显示为实体方心
circle 项目符号显示为空心圆
有序 1（数字） 使用数字作为项目符号
A/a 使用大写/小写字母作为项目符号
I/i 使用大写/小写罗马数字作为项目符号

小结：
ul>li
ol>li
dl>dt,dd
list-style:none
list-style-image: url(“1.png”);

二.form
定义：用于收集用户的信息，并将信息数据发送给服务器进行数据分析，是连接前端和后台的桥梁
语法：form>input,select>option,textarea
form属性：
action="“提交的地址
method=“post"提交方式
οnsubmit=“return true” 默认
input属性：
1.type=””
text,password,checkbox,radio,submit,reset,button,file
2.value
3.checked
4.placeholder 提示信息
5.size 用于type值为text和password时 可用width代替
6.maxlength type为text 或 password 时

表单的基本结构

 <form  method="post" action="result.html">
     <p>  名字：<input name="name" type="text" >  </p>
     <p>  密码：<input name="pass" type="password" >  </p>
     <p>
        <input type="submit" name="Button" value="提交">
        <input type="reset" name="Reset" value="重填"> 
    </p>
  </form>

注意：1.点击submit按钮时,会触发onsubmit事件，
如果onsubmit事件中是return true 就会执行action,如果onsubmit事件中是return false,永远不会跳转进action中
2.type=“button” 可以用button代替

图标网址：
https://www.easyicon.net

https：协议
www.empire168：主机地址
com：域名 cn中国 net,gov
indexController.do： 文件地址 ？前面
_index&terminal=pc：参数
page5：当前页面的某个部分 #后面

总结：
1.列表
2.垂直样式
3.表单：form,input(type),select>option,textarea
4.注册页面
5.a连接的锚链接