热门关键字:
jquery > jquery教程 > jquery教程 > HTML基础知识,含源码

HTML基础知识,含源码

311
作者:管理员
发布时间:2021/4/12 18:56:15
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=4418
  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:页面外围控制整体布局宽度




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:jquery
友荐云推荐