HTML基础知识,含源码

  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:页面外围控制整体布局宽度

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h61698.shtml

张贴在2