截图
简介
这是html5 ppt（部分ppt内容已做更新升级）教程，包括了HTML介绍，HTML结构，HTML标签与属性，HTML5新特性，HTML5首页布局等内容，欢迎点击下载。
html5 ppt教程是由红软PPT免费下载网推荐的一款培训教程PPT类型的PowerPoint.
HTML5教程培训部目录 HTML介绍互联网的核心语言，超文本标记语言[Hyper Text Marked Language] 一种描术性语言是由标签组成的 HTML结构 hello，AppCan HTML标签及属性双标签格式：<标签名 属性1=“值1” 属性2=“值2” … >内容 注意： 1、双标签必须成对出现 2、标签名用尖括号括起来 3、结束标签以“/标签名”结束 4、属性与属性之间用空格隔开 5、属性值用英文双引号括起来举例： HTML标签及属性单标签格式：<标签名 属性1=“值1” 属性2=“值2” … /> 注意： 2、标签名用尖括号括起来 3、以“/>”结束 4、属性与属性之间用空格隔开 5、属性值用英文双引号括起来举例： HTML标签及属性常用标签 1、布局标签格式： 盒子模型作用：对网页分块布局 HTML标签及属性常用标签 2、列表标签格式： … 作用：网页新闻或导航 HTML标签及属性常用标签 3、图像标签格式： HTML标签及属性常用标签 4、超级链接标签格式： 首页 HTML标签及属性常用标签 5、标题标签格式： 标题 HTML标签及属性常用标签 6、段落标签格式： 标题 HTML标签及属性常用标签 7、表单元素表单标签： 标题 属性: Action:动作 name：名称 method:方法 target :目标 HTML标签及属性常用标签 7、表单元素 input标签： 属性: Type:类型 HTML标签及属性常用标签 7、表单元素文本域标签： 属性: rows:高度 cols:宽度 HTML标签及属性表单元素实例 HTML5初体验 HTML5初体验 HTML5初体验 增强的表单Form 增强的表单Form 增强的表单Form 自动获取焦点 autofocus属性 新版Chrome或Safari (FF也可) 增强的表单Form 文本框的输入提示（输入框占位符 ）：placeholder属性 增强的表单Form 表单验证功能判断必填项 判断数据格式 email输入类型： url输入类型： 增强的表单Form 滑动块输入 增强的表单Form 数字输入框（ Opera或Chrome ） 增强的表单Form 输入框下拉提示增强的表单Form 日期选择框 增强的表单Form Canvas在网站设计中的应用 CANVAS HTML5 提供了画布（canvas）标签，通过与Javascript结合使用，可以在网页上绘制图像。Canvas是一个矩形区域，使用Javascript可以控制其每一个像素。 Canvas在网站设计中的应用使用CANVAS的基本步骤 A.建立CANVAS对象 B.通过JAVASCRIPT绘制 Canvas在网站设计中的应用 context是一个封装了很多绘图功能的对象，获取这个对象的方法是 var context =canvas.getContext("2d"); canvas元素绘制图像的时候有两种方法，分别是 context.fill()//填充 context.stroke()//绘制边框 style:在进行图形绘制前，要设置好绘图的样式 context.fillStyle//填充的样式 context.strokeStyle//边框样式 绘制矩形 context.fillRect(x，y，width，height) strokeRect(x，y，width，height) x:矩形起点横坐标（坐标原点为canvas的左上角） y:矩形起点纵坐标 width:矩形长度 height:矩形高度 应用案例绘制圆弧 圆弧context.arc(x， y， radius， starAngle，endAngle， anticlockwise) x:圆心的x坐标 y:圆心的y坐标 straAngle:开始角度 endAngle:结束角度 anticlockwise:是否逆时针（true）为逆时针，(false)为顺时针 应用案例绘制线段 context.moveTo(x，y) context.lineTo(x，y) x:x坐标 y:y坐标 每次画线都从moveTo的点到lineTo的点， 如果没有moveTo那么第一次lineTo的效果和moveTo一样， 每次lineTo后如果没有moveTo，那么下次lineTo的开始点为前一次lineTo的结束点 应用案例媒体支持：Video、Audio 媒体支持：Video、Audio 媒体支持：Video、Audio 媒体支持：Video、Audio 媒体支持：Video、Audio 布局代码 感谢语
展开
