day1

　　今天主要看了html5中的 行内元素与块级元素的区别

行内元素与块级函数的三个区别

1.行内元素与块级元素直观上的区别

    行内元素会在一条直线上排列，都是同一行的，水平方向排列

    块级元素各占据一行，垂直方向排列。块级元素从新行开始结束接着一个断行。

2.块级元素可以包含行内元素和块级元素。行内元素不能包含块级元素。

3.行内元素与块级元素属性的不同，主要是盒模型属性上

行内元素设置width无效，height无效(可以设置line-height)，margin上下无效，padding上下无效。

　　其次就是，看了一些表格，表单标签。

　　

<table>
 　　<caption></caption>
 　　<tr> <th></th></tr>
 　　<tbody>
 　　　　<tr><td></td></tr>
 　　　　<tr><td></td><tr>
 　　<tbody>
</table>

table 属性：

　　border ：定义表格的边框宽度，默认为0，即无边框。

　　title ：表格的提示信息，当鼠标移到表格上方时，所提示的信息。

th、td 属性：

　　colspan : 表示横向合并单元格 ( )

　　rowspan ：表示纵向合并单元格 (  )

<caption></caption>：表头信息。

<tr></tr> ：定义一个表格行；

<th></th> ：定义一个表格头；若是纯文字，默认会以粗体的样式表现。

<tbody></tbody> ：可以理解为表格的内容区域，在Chrome、FF浏览器通过DOM进行表格动态插入行的时候，要使用这个。如果不进行DOM操作，可不用添加。

<td></td> ：定义一个单元格。

      - Input Type 的一些属性。

传统类型

text 　　   定义单行的输入字段，用户可在其中输入文本

password   定义密码字段。该字段中的字符被掩码

file 　　　 定义输入字段和 "浏览"按钮，供文件上传

radio　　  定义单选按钮

checkbox   定义复选框

hidden 　  定义隐藏的输入字段

button 　　定义可点击按钮（多数情况下，用于通过JavaScript启动脚本）

image 　　定义图像形式的提交按钮

reset 　　 定义重置按钮。重置按钮会清除表单中的所有数据

submit 　  定义提交按钮。提交按钮会把表单数据发送到服务器

　　

　　新增属性

　　color 　　　　　　定义调色板
　 　tel 　　　　  　　 定义包含电话号码的输入域
　 　email 　　　  　　定义包含email地址的输入域
　 　url 　　　　  　　 定义包含URL地址的输入域 
　 　search 　　　　　 定义搜索域
　 　number 　　 　　 定义包含数值的输入域
　 　range 　　   　　  定义包含一定范围内数字值的输入域
　 　date 　　　　　　 定义选取日、月、年的输入域 
　 　month 　　  　　  定义选取月、年的输入域
　 　week 　　　　　　定义选取周、年的输入域
　 　time 　　    　　   定义选取月、年的输入域
　 　datetime 　　　    定义选取时间、日 月、年的输入域(UTC时间)
　　datatime-local 　  定义选取时间、日 月、年的输入域(本地时间)

  最后，还有一个iframe 内联框架，但是不太适用，因为涉及跨域多，而现在大多都是用Ajax处理数据刷新。

---

于2017年1月5日23:59:35