html与html5课程
适合初学者学习web前端。
韩淼燃
最近在更新运维专栏。欢迎大家来点赞,关注。
展开
-
第七课--H5画布
<canvas id="myCanvas1" width="200" height="100" style="border:1px solid #000000;"></canvas><script> var c1 = document.getElementById("myCanvas1"); var ctx1 = c1.getContext(...原创 2019-08-03 11:40:10 · 210 阅读 · 0 评论 -
第十课--H5拖放(Drag 和 Drop)
拖放是一种常见的特性,即抓取对象以后拖到另一个位置。在 HTML5 中,拖放是标准的一部分,任何元素都能够拖放。看案例<!DOCTYPE html><html><head><meta charset="utf-8"><title>拖放</title><style type="text/css">...原创 2019-08-03 11:44:31 · 201 阅读 · 0 评论 -
第十二课--H5Video(视频)
直到现在,仍然不存在一项旨在网页上显示视频的标准。今天,大多数视频是通过插件(比如 Flash)来显示的。然而,并非所有浏览器都拥有同样的插件。HTML5 规定了一种通过 video 元素来包含视频的标准方法。视频格式格式 MIME-typeMP4 video/mp4WebM video/webmOgg video/ogg<vide...原创 2019-08-03 11:48:19 · 241 阅读 · 0 评论 -
第十三课--H5Audio(音频)
直到现在,仍然不存在一项旨在网页上播放音频的标准。今天,大多数音频是通过插件(比如 Flash)来播放的。然而,并非所有浏览器都拥有同样的插件。HTML5 规定了在网页上嵌入音频元素的标准,即使用 <audio> 元素。音频格式的MIME类型Format MIME-typeMP3 audio/mpegOgg audio/ogg...原创 2019-08-03 11:49:42 · 290 阅读 · 0 评论 -
第十四课--H5新的 Input 类型
color颜色date允许你从一个日期选择器选择一个日期。datetime-local类型允许你选择一个日期和时间 (无时区).email用于应该包含 e-mail 地址的输入域。month允许你选择一个月份。number用于应该包含数值的输入域。您还能够通过max min设定对所接受的数字的限定range用于应该包含一定范围内数字值的输入域。range 类型显示为滑动条。请使用下...原创 2019-08-03 11:50:56 · 206 阅读 · 0 评论 -
第十五课--H5新的表单元素
<datalist>规定输入域的选项列表。<input list="browsers"><datalist id="browsers"> <option value="Internet Explorer"> <option value="Firefox"> <option value="Chrome"> ...原创 2019-08-03 11:52:32 · 138 阅读 · 0 评论 -
第十七课--H5Web SQL 数据库
<span id="status"></span><script> var e_id = 3; var e_log = 'blog'; 创建数据库 var db = openDatabase('mydb', '1.0', 'Test DB', 2 * 1024 * 1024); 创建表 db.transacti...原创 2019-08-04 09:19:51 · 306 阅读 · 0 评论 -
第十八课--H5Web Workers
web worker 是运行在后台的 JavaScript,不会影响页面的性能。html:w=new Worker("demo_workers.js");w.onmessage=function(event){ document.getElementById("result").innerHTML=event.data;};//onmessage 事件监听器w.terminat...原创 2019-08-04 09:20:00 · 255 阅读 · 0 评论 -
第十九课--H5WebSocket
创建 WebSocket 对象var Socket = new WebSocket(url, [protocol] );WebSocket 事件事件 事件处理程序 描述open Socket.onopen 连接建立时触发message Socket.onmessage 客户端接收服务端数据时触发error Socket.onerror 通信发生错误...原创 2019-08-04 09:20:08 · 326 阅读 · 0 评论