视频课程链接：http://edu.51cto.com/course/16023.htmlHTML，主讲：汤小洋一、HTML简介1. HTML是什么? HTML：Hyper Text Markup Language超文本标签(标记)语言? 由各种标签组成，用来制作网页，告诉浏览器该如何显示页面2. 作用制作网页，控制网页和内容的显示插入图片、音乐、视频、动画等多媒体通过链接检索信息使用表单获取用户信息，实现交互3. 版本? W3C：World Wide Web Consortium [k?n?s?:ti?m]万维网联盟，制定Web...
## 2的次方数
* 2的0次方=1
* 2的1次方=2
* 2的2次方=4
* 2的3次方=8
* 2的4次方=16
* 2的5次方=32
* 2的6次方=64
* 2的7次方=128
* 2的8次方=256
* 2的9次方=512
* 2的10次方=1024
--------------------------------------------------------
## 二进制转十进制
##### 二进制10011011转换为十进制（练习）
>10 011 011
>2的7次方+2的4次方+2的3次方+2的1次方+2的0次方
>也就=128+16+8+2+1=155
### 二进制***100 1 1 001***转十进制...
简介 毫无疑问，我们已经目睹了HTML5背后的那场伟大的Web开发革命。经过那么多年HTML4的统治，一场全新的运动即将完全改变现在的Web世界。正是他释放出来的现代化气息和丰富的用户体验，让它很快地成为了一个独特的插件运行在类似Flash和Silverlight的框架之上。如果你是一个非常年轻的开发者，也许你是刚刚在开始学习HTML5，所以可能你并没有注意到他有太大的变化。在任何时候，我希望这篇文章能够帮助到你，当然，也希望像我一样...
这篇文章主要为大家详细介绍了HTML5地理定位与第三方工具百度地图的应用,具有一定的参考价值，感兴趣的小伙伴们可以参考一下前言：看到了很多技术大牛和相关博客，很少关于HTML5的地理定位的描述，不知道他们是不愿意提及还是使用的少的原因，我个人按一点点经验总结了两方面原因：第一、服务商方面的原因，因为HTML5的定位是由google提供的，由于google将大陆封杀的原因，定位功能也不在支持，这是主要原因第二、HTML5自带的地理定...
在上一节中我们讲了颜色和像素是怎么回事，其实大多数情况下，我们用不到像素级别的操作，我们只需要对颜色进行整体设置就行了。一、基本颜色在HTML5边玩边学（二）-基础绘图中，我们提到过有两个上下文属性可以用来设置颜色：strokeStyle 决定了你当前要绘制的线条的颜色fillStyle 决定了你当前要填充的区域的颜色颜色值只要是符合CSS3 颜色值标准的有效字符串都可以。下面的例子都表示同一种颜色。例如：下面我们给出一个简单的...
HTML5 的基本标记有很多种，今天介绍列表标记列表标记 列表标记可以在网页中以列表形式排列文本元素, 列表标记有3种： 有序列表，无序列表，自定义列表像: <ul type=a><li>苹果</li><li>桃</li></ul> 称为无序列表， 在FireFox以a,b,c 等显示,其他浏览器以圆点显示; <ol>&1. 关于列表标记的详细介绍简介：HTML5 的基本标记有很多种，今天介绍列表标记列表标记 列表标记可以在网页中以列表形式排列文本元素, 列表标记有3种： 有序...
与文本渲染有关的主要有三个属性以及三个方法：上述的属性和方法的基本用法如下：var canvas = document.getElementById("canvas"); var context = canvas.getContext("2d"); context.font="bold 30px Arial&qu1. HTML5 canvas基本绘图之文字渲染 简介：与文本渲染有关的主要有三个属性以及三个方法：上述的属性和方法的基本用法如下：var canvas = document.getElementById("canvas"); var context = canvas.getCon...
愤怒的小鸟是一款人气火爆的益智游戏，现在我试着用lufylegend库件和Box2dWeb物理引擎来看看在html5中如何制作此类经典的物理游戏。准备工作一首先，你需要下载lufylegend库件1.4.1版http://blog.csdn.net/lufy_legend/article/details/7751425box2dweb你可以到这里下载http://code.google.com/p/box2dweb/downloads/list关于lufylegend库件的使用方法，大家可以看一下我以前的一些文章和教程，或者看下面的api说明。http://lufy.n...
1.效果图 2.原理 第一步绘制一个整圆颜色自定义，第二部绘制一个内圆，其半径要小于外圆颜色自定 最后一步按照百分比绘制第三个圆，颜色自定。 要实现动态绘制第三步的效果，只要添加一个定时器的功能，每隔一段时间绘制一段距离，设定一个阀值 当大于这个阀值得时候就清空这个定时器，这个阀值其实就是要显示的百分比值。每次绘制0.01. 注意：在定时器内绘制时，要把第二步绘制内圆，空白圆也在定时器中绘制。3.知识点 绘制公式：...
测试手机为IPHONE6,开发者工具版本0.10.102800微信小程序里的canvas 非 h5 canvas有很多不一样的地方，以下把微信小程序的canvas叫做wxcanvas下面全是我一点点测试出的干货，耐心看：1.wxcanvas,不像h5canvas那样有width和height属性和width和height的style样式。他只有style样式，可以理解为他就是个框吧；2.wxcanvas不要当成真的H5canvas，就当它是个p就行，画出范围的东西也是存在的，改变width,height就显示出来了，或者说这里...
HTML5基础模板的实例代码分享<!doctype html><!-- simplified doctype works for all previous versions of HTML as well --><!-- Paul Irishs technique for targeting IE, modified to only target IE6, applied to the html element instead of&nb1. HTML5基础模板的实例代码分享简介：本文描述了HTML5基础模板的实例代码分享，具有一定的参考价值，下面我们一起看下2. html5网站开发专用基础模板简介：分享一个HTML5页面开发的...
下面小编就为大家带来一篇使用phonegap进行提示操作的具体方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧常有下面四种方式：<!DOCTYPE html>
<html> <head> <meta charset="UTF-8"> <title>Notifications</title> 1. phonegap进行提示操作的具体示例代码分享简介：下面小编就为大家带来一篇使用phonegap进行提示操作的具体方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一...
在 HTML 文件中, history.pushState() 方法向浏览器历史添加了一个状态。pushState() 带有三个参数：一个状态对象，一个标题（现在被忽略了），以及一个可选的URL地址。下面将对这三个参数进行细致的检查：state object — 状态对象是一个由 pushState()方法创建的、与历史纪录相关的JS对象。当用户定向到一个新的状态时，会触发popstate事件。事件的state属性包含了历史纪录的state对象。（译者注：总而言之，它存储JSON字符串，...
DOM中的window对象通过window.history方法提供了对浏览器历史记录的读取，让你可以在用户的访问记录中前进和后退。从HTML5开始，我们可以开始操作这个历史记录堆栈。1.History使用back(),forward(),和go()方法可以在用户的历史记录中前进和后退前进和后退后退：window.history.back();这个方法会像用户点击了浏览器工具栏上的返回键一样。同样的，也可以用以下方法产生用户前进行为：window.history.forward();移动到历史记录中特定...
早期的因特网主要用来分享学术成果,但是对普通民众而言,更愿意在上面分享一些更有趣的内容,比如视频,音频,这些技术在html5之前都不是由html标签提供的网页音视频解决方案发展虽然早期的html并没有提供支持视频或者音频播放的标签,但是这并不影响人们分享的欲望支持方式1:使用embed直接将视频塞入页面,然后就可以使用Windows Media Player,Apple QuickTime或者其实的视频播放器来创建播放窗口但是这种方式对于视频本身不可控,兼容性...
分享页内跳转（锚点练习）的实例代码，只是一个小练习，大神不喜请不要喷，新手朋友们可以来看看我写的；代码如下：<!DOCTYPE html>
<html
lang
="en">
<
head
>
<meta char
set
="UTF-8">
<title>
Document
</title>
<style>
body{
height
: 2000px;
position
: relative;
}
.a{
position: absolu