XML：可扩展标记语言 存储数据（1.支持跨平台跨语言2.可以来存储和交换数据）

 

　　background-color:red;背景颜色

 

　　color: white;文本颜色

 

　　font-size: 0px;0像素 字体大小

 

　　font-weight: bold;加粗

 

　　text-align: center;居中

 

　　height: 0px;设置图像的高度

 

　　width: 0px;设置图像的宽度auto自动

 

　　margin: 0px auto;设置一个元素的四个边距 容器之外距离（块）

 

　　padding 容器之内的距离

 

　　border-collapse: collapse;表格的两个边框合并为一个

 

　　border:1px solid blue; 表格边缘为实体蓝色大小为像素一

 

　　src图片路径

 

　　alt属性用来为图像定义一串预备可以替换的文本

 

　　HTML区块

 

　　1.块级元素：以新行来开始和结束

 

　　实例：

 

　　2.内联元素：不会以新行开始

 

　　实例：b td a img span

 

　　div元素：块级元素 可用于组合其他HTML元素的容器 div+css文档布局

 

　　span元素：内联元素：用作文本的容器

 

　　链接标签

 

　　引用超链接在目标窗口打开

 

　　_self 再当前窗口打开

 

　　_blank在新标签打开

 

　　_parent 在父标签中打开

 

　　_top在整个窗口中打开

 

　　列表标签

 

　　数字有序标签 ul无序标签

 

　　li定义列表项目

 

　　ol有序标签

 

　　none无标签 square方形标签

 

　　display: inline 水平显示

 

　　alt抓取文本描述

 

　　table表格

 

　　caption标题

 

　　thead表头

 

　　th表头内容

 

　　tbody

 

　　tr表格主体开始

 

　　td表格内容

 

　　auto 自动调节

 

　　get默认超链接

 

　　post更安全默认表单

 

　　readonly只读

 

　　inline-block既是内联元素又是外接元素

 

　　样式优先级，内联样式–内部样式–外部样式

 

　　HTML表结构：从语义结构上划分表格为：表头、表主体、表尾

 

　　head标签标识表格头部元素

 

　　tbody标签标识表格表体元素

 

　　tfoot标签标识表格表尾部分

 

　　cellpadding:表格中内容和单元格之间的距离

 

　　cellspacing:表格中单元格和单元格之间的距离

 

　　在默认情况下，如果不设置表格的边界，表格不显示边界的，可以用border属性设置表格边框

 

　　colspan:跨列（合并列）

 

　　rowspan:跨行（合并行）

 

　　form表单的属性

 

　　Action:处理表单程序的地址。action=“index.html”

 

　　form表单中enctype属性可以用来控制对表单数据的发送前的如何进行编码

 

　　form表单中enctype属性的三种类型：

 

　　1.application/x- 默认类型

 

　　发送前会编码所有字符，即在发送到服务器之前，所有字符都会进行编码

 

　　2.multipart/form-data不对字符编码，用于发送二进制的文件，其他两种类型不能用于发送文件

 

　　3.text/plain用于发送纯文本内容，空格转换为 “+” 加号，不对特殊字符进行编码，

 

　　一般用于email之类的

 

　　autofocus自动聚焦

 

　　option单选按钮

 

　　text:单行文本框 （用户名）

 

　　textarea:多行文本框

 

　　password:密码文本框

 

　　submit:提交按钮

 

　　image:图片按钮

 

　　reset:重置按钮，重设表单内容。

 

　　button:普通按钮

 

　　hidden:隐藏元素

 

　　radio:单元按钮

 

　　checkbox:复选框

 

　　file:文件域

 

　　select:列表框

 

　　labor for点击label后，会聚焦到for指定的地方

 

　　placeholder规定可描述字段的预期值的简短提示信息

 

　　Method:将表单中的数据提交到服务器的方法。Method是常用的两个取值get和post

 

　　get方法：默认的一种传递数据的方法

 

　　1.通过地址来传递表单中的数据

 

　　2.不能传递敏感的数据，如：密码

 

　　3.不能传递大量的数据，每次只能传递1024字节

 

　　4.不能上传附件。

 

　　post方法：不是通过地址传递数据，数据传给文件处理程序。

 

　　1.相对安全

 

　　2.可以传递海量的数据

 

　　3.能上传附件

 

　　何时使用get和post?

 

　　1.如果表单提交是被动的（比如搜索引擎查询），并没有敏感信息。

 

　　当你使用get时，表单数据在页面地址栏中是可见的。

 

　　get最适合少量数据的提交，浏览器会设定容量限制。

 

　　2.如果表单正在更新数据，或者包含敏感信息。则使用Post的安全性更好，因为在页面地址栏中被提交的数据时不可见的。

 

　　新的语义元素，比如

 

　　新的表单控件，比如数字、日期、时间、日历和滑块。

 

　　强大的图像支持（借由 和

 

　　）

 

　　强大的多媒体支持（借由 和 ）

 

　　强大的新 API，比如用本地存储取代 cookie。

 

　　article：定义页面独立的内容区域。

 

　　aside：定义页面的侧边栏内容。sidebar

 

　　HTML5提供了两种在客户端存储数据的新方法：

 

　　localStorage:没有时间限制的数据存储

 

　　sesssionStorage:针对一个session的数据存储

 

　　sessionStorage方法针对一个session进行数据存储。当用户关闭浏览器窗口后，数据会被删除。

 

　　column：栏目

 

　　wrapper：页面外围控制整体布局宽度