HTML&HTML5
小小只的前端之路
多读书
内在美比外在美更重要
做一个精致的
展开
-
HTML笔试面试题
1.Doctype作用?HTML5为什么只需要写<!Doctype HTML>?标准模式与兼容模式各有什么区别?Doctyppe是一种标准通用标记语言的文档类型声明,目的是告诉标准通用标记语言解析器要使用什么样的文档类型定义(DTD)来解析文档<!Doctype>声明必须是HTML文档的第一行,位于html标签之前HTML5不基于SGML,所以不需要引用DTD。在...原创 2019-10-15 17:18:59 · 412 阅读 · 0 评论 -
HTML5新特性---Video_案例:通过自定义的播放控件实现视频播放与暂停效果
素材:广告图片: res/mm.png 二个按钮图片: res/play.png res/pause.png 小视频 x.mp41.HTML文件<!-- 1:外层父元素 --><div class="container"> <!-- 2:视频区域 --> <video src="res/x.mp4" id="v3">...原创 2019-09-04 13:34:09 · 1245 阅读 · 0 评论 -
HTML5新特性--Canvas_使用路径创建圆环进度条
1.html<canvas id="c3" width="500" height="400"></canvas>2.cssbody{text-align: center}canvas{background:rgb(243, 245, 240);}3.JS//1:获取画布元素与画笔对象var c3 = document.getElementByI...原创 2019-09-04 13:38:40 · 365 阅读 · 0 评论 -
HTML5性特性——Canvas——案例:绘制笑脸
功能: 创建张嘴笑脸再绘制闭嘴笑脸1秒切换一张1.HTML页面<canvas id="c3" width="500" height="400"></canvas>2.CSS样式body{text-align: center;}canvas{background:rgb(243, 245, 240);}3.JS文件//...原创 2019-09-04 19:44:08 · 1743 阅读 · 0 评论