标签使用 既然我们这篇文章就是关于 HTML 的教程，那么我们就不得不回到 HTML 标签上来。 HTML5 允许两种在 web 页面嵌入视频的方法。这两种方法都要使用<video>标签。如果你仅仅有一个视频文件，只要简单地将其地址放到src属性。这与使用<img src="...">添加图片的方式非常类似：
主题 Salodad 由 PenciDesign 提供 | 静态文件存储由又拍云存储提供 | 苏ICP备13027999号-2
Web 的表现 如果前面的描述还没有让你眼花缭乱，那么恭喜你，你的表现比大多数人都要好！正如你想的那样，视频（包括音频）很复杂，前面我们介绍的还只不过是一个简单的版本。我想，你一定想知道对于 HTML5 要如何解决这个问题。HTML5 引入了<video>标签，用于在 web 页面嵌入视频。它并没有严格规定视频、音频的编解码器或者你所能使用的容器格式。一个<video>元素 ...
音频编解码器 除非你想回到1927年之前，否则的话，你的视频中的音频都会有自己独立的轨道。就像视频编解码器一样，音频编解码器也是一组用于音频流编码的算法。类似视频编解码器，音频编解码器也分为有损和无损两种。同样类似无损视频，无损音频也是因为体积太大而不能放在web上。所以这里我们还是讨论的是有损的音频编解码器。
如果你访问过 YouTube.com （或者是国内的 youku.com），你就会知道，我们早就可以在 web 页面嵌入视频。但是，在 HTML5 之前，这些都不是标准的。在此之前，你在网页上看到的所有视频都是基于某一种第三方插件的——QuickTime、RealPlayer 或者 Flash（顺便提一下，YouTube 使用的是 Flash）。这些插件已经很好的集成在你的浏览器中，甚至你都看不出 ...
一个完整的示例 我们已经简单地把 HTML5 的<canvas>元素介绍过了。<canvas>可以说是 HTML5 带给我们的最激动人心的特性之一。这一章我们将利用<canvas>，完成一个简单但是完整的游戏，使大家了解在实际应用中，我们该如何使用<canvas>。
图像 这里是一只猫的图片： 上面的图像是放在<img>里面的。下面则是一只看上去一样的猫，不过它是使用<canvas>绘制的：
渐变
忘掉灯光，让黑色的夜恢复本来的模样；忘掉灯光，让未来的天依旧繁星闪耀。比起宇宙的永恒，人类的一瞬已经剥夺了太多……
文本 前面我们已经在画布上画出线条，下面，我们将继续添加文字。文本在一般的 web 页面上是遵循箱式模型的，但是在这里却不是。这意味着那些常见的 CSS 布局，比如 float、margin、padding 或者 wrap 这些都不能使用。（或许你觉得这是件不错的事情！）你可以设置一些字体属性，但是在 canvas 上找一个点，再把文本画出来。
坐标系统 canvas 可以看作一个二维表格。坐标 (0, 0) 位于画布左上角。X轴正方向沿画布向右，Y轴正方向沿画布向下。