热门关键字:
jquery > jquery教程 > jquery教程 > html5完整教程有哪些,HTML5完整教学通俗易懂

html5完整教程有哪些,HTML5完整教学通俗易懂

343
作者:管理员
发布时间:2021/7/15 17:43:21
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=5070
  1.初始HTML


  超文本标记语言


  超文本包括:文字,图片,音频,视频,动画等


  ![image-20201212090803082](C:\Users\win 10\AppData\Roaming\Typora\typora-user-images\image-20201212090803082.png)


  html5的优势


  世界知名浏览器厂商对html5的支持


  市场的需求


  跨平台


  w3c标准


  ?结构化标准语言 (html , xml)


  ?表现标准语言(css)


  ?行为标准(DOM,ECMAScript)


  2.网页基本信息


  3.网页基本标签


  标题标签 h1——h6


  段落标签 p


  换行标签 br


  水平线标签 hr


  字体样式标签 strong,em


  注释和特殊符号 ,空格(?),大于,小于,版本


  4.图像标签


  常见的图像标签:jpg,gif,png,bmp


  title属性悬停文字 alt图片名字(必填)


  5.超链接标签及应用


  文本超链接


  href:必填,表示要跳转到那个页面


  target:表示窗口在那里打开


  _blank 在新标签中打开


  _self 在自己的网页打开


  图像超链接


  6.块元素和行内元素


  块元素


  无论内容多少,该元素独占一行


  p,h1——h6


  行内元素


  内容撑开宽度,左右都是行内元素的可以排在一行


  a,strong,em


  7.列表标签


  有序列表


  ol>li


  无序列表


  ul>li


  自定义列表


  dl>dt列表名称,dd列表内容


  8.表格标签


  为什么使用表格


  简单通用


  结构稳定


  基本结构


  单元格


  行 tr


  列 td


  跨行 rowspan


  跨列 colspan


  9.媒体元素


  视频元素


  video


  src:资源路径


  controls:控制条


  autoplay:自动播放


  音频元素


  audio


  src:资源路径


  controls:控制条


  autoplay:自动播放


  10.页面结构分析


  元素名


  描述header


  标题头部区域的内容


  footer


  标记脚部区域的内容


  section


  web页面中的一块独立区域


  article


  独立的文章内容


  aside


  相关内容或应用(常用于侧边栏)


  nav


  导航类辅助内容


  11.iframe内联框架


  src 地址


  width 宽度


  height 高度


  name 框架标识名


  12.表单post和get提交


  ![image-20201212121832349](C:\Users\win 10\AppData\Roaming\Typora\typora-user-images\image-20201212121832349.png)


  method:post,get提交方式


  ?get方式提交:我们可以在url中看到我们提交的信息,不安全高效


  ?post:比较安全,传输大文件


  13.文本框和单选框


  属性


  说明type


  指定元素的类型。text,password,checkbox,radio,submit,reset,file,hidden,image和button,默认为text


  name


  指定表单元素的名称


  value


  元素的初始值。type为radio时必须指定一个值


  size


  指定表单元素的初始宽度。当type为text或password时,表单元素的大小以字符为单位。对于其它类型,宽度以像素为单位


  maxlength


  type为text或password时,输入的最大字符数


  checked


  type为radio或checkbox时,指定按钮是否是被选中


  14.按钮和多选框


  普通按钮 input type="button"


  图像按钮 input type="image"


  提交按钮 input type="submit"


  重置 input type="reset"


  15.列表框文本域和文件域


  select>option 列表框


  textarea 文本域


  type="files" 文件域


  16.搜索框滑块和表单验证


  邮箱验证 input type="submit"


  url input type="url"


  数字 input type="number"


  input type="range"


  input type="search"


  17.表单的应用


  隐藏域 hidden


  只读 readonly


  禁用 disable


  18.表单初级验证


  常用方式:


  placeholder 提示信息


  required 非空判断


  pattern 正则表达式




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



关键字:jquery
友荐云推荐