超文本标记语言(英文:HyperText Markup Language,简称为HTML)是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种置标语言。

HTML5草案的前身名为Web Applications 1.0。於2004年被WHATWG(Web Hypertext Application Technology Working Group)提出,於2007年被W3C接纳,并成立了新的HTML工作团队。在2008年1月22日,第一份正式草案已公布,可能得等到2012年才会推出建议候选版本(W3C Candidate Recommendation)。WHATWG表示该规范是目前正在进行的工作,仍须多年的努力。

与以前版本HTML语言相比,HTML增加了一些新的标记和新应用程序接口(API),除以前二维媒体外支持对硬件加速的三维图形描述。目前支持部分HTML5标签的浏览器有 Opera 9.5+, Firefox 3+, Safari 3.1+, Konqueror 4.1+, Google Chrome等。

下面让我们来体验一下HTML5的强大吧(以下内容浏览需要支持HTML5的浏览器)!

实例 1 - 创建一个空画布(Canvas)

画布是一个矩形区域,您可以控制其每一像素。需要使用 JavaScript 控制在画布上绘制图像。可以绘制路径、矩形、圆形、字符以及添加图像等。

实例 2 - 在画布上绘制直线

画布是一个矩形区域,您可以控制其每一像素。需要使用 JavaScript 控制在画布上绘制图像。可以绘制路径、矩形、圆形、字符以及添加图像等。

实例 3 - 在画布上绘制矩形

画布是一个矩形区域,您可以控制其每一像素。需要使用 JavaScript 控制在画布上绘制图像。可以绘制路径、矩形、圆形、字符以及添加图像等。

实例 4 - 在画布上绘制圆形

画布是一个矩形区域,您可以控制其每一像素。需要使用 JavaScript 控制在画布上绘制图像。可以绘制路径、矩形、圆形、字符以及添加图像等。

实例 5 - 在画布上绘制笑脸

画布是一个矩形区域,您可以控制其每一像素。需要使用 JavaScript 控制在画布上绘制图像。可以绘制路径、矩形、圆形、字符以及添加图像等。

实例 6 - 在画布上绘制渐变色

画布是一个矩形区域,您可以控制其每一像素。需要使用 JavaScript 控制在画布上绘制图像。可以绘制路径、矩形、圆形、字符以及添加图像等。

实例 7 - 在画布上绘制二次曲线

画布是一个矩形区域,您可以控制其每一像素。需要使用 JavaScript 控制在画布上绘制图像。可以绘制路径、矩形、圆形、字符以及添加图像等。

实例 8 - 在画布上绘制贝塞尔曲线

画布是一个矩形区域,您可以控制其每一像素。需要使用 JavaScript 控制在画布上绘制图像。可以绘制路径、矩形、圆形、字符以及添加图像等。

实例 9 - 在画布上绘制提示框

画布是一个矩形区域,您可以控制其每一像素。需要使用 JavaScript 控制在画布上绘制图像。可以绘制路径、矩形、圆形、字符以及添加图像等。

实例 10 - 在画布上绘制心形

画布是一个矩形区域,您可以控制其每一像素。需要使用 JavaScript 控制在画布上绘制图像。可以绘制路径、矩形、圆形、字符以及添加图像等。

实例 11 - 在画布上绘制图片

画布是一个矩形区域,您可以控制其每一像素。需要使用 JavaScript 控制在画布上绘制图像。可以绘制路径、矩形、圆形、字符以及添加图像等。

实例 12 - 在画布上绘制动画齿轮

画布是一个矩形区域,您可以控制其每一像素。需要使用 JavaScript 控制在画布上绘制图像。可以绘制路径、矩形、圆形、字符以及添加图像等。

实例 13 - 在画布上绘制坐标曲线

画布是一个矩形区域,您可以控制其每一像素。需要使用 JavaScript 控制在画布上绘制图像。可以绘制路径、矩形、圆形、字符以及添加图像等。

实例 14 - 画布上的填充风格

画布是一个矩形区域,您可以控制其每一像素。需要使用 JavaScript 控制在画布上绘制图像。可以绘制路径、矩形、圆形、字符以及添加图像等。

实例 15 - 画布上的绘制风格

画布是一个矩形区域,您可以控制其每一像素。需要使用 JavaScript 控制在画布上绘制图像。可以绘制路径、矩形、圆形、字符以及添加图像等。

实例 16 - 画布上的线条风格

画布是一个矩形区域,您可以控制其每一像素。需要使用 JavaScript 控制在画布上绘制图像。可以绘制路径、矩形、圆形、字符以及添加图像等。

实例 17 - 画布上的线条连接样式

画布是一个矩形区域,您可以控制其每一像素。需要使用 JavaScript 控制在画布上绘制图像。可以绘制路径、矩形、圆形、字符以及添加图像等。

实例 18 - 在画布上使用透明度

画布是一个矩形区域,您可以控制其每一像素。需要使用 JavaScript 控制在画布上绘制图像。可以绘制路径、矩形、圆形、字符以及添加图像等。

实例 19 - 在画布上使用图案样式

画布是一个矩形区域,您可以控制其每一像素。需要使用 JavaScript 控制在画布上绘制图像。可以绘制路径、矩形、圆形、字符以及添加图像等。

实例 20 - 在画布上绘制斯皮罗图形

画布是一个矩形区域,您可以控制其每一像素。需要使用 JavaScript 控制在画布上绘制图像。可以绘制路径、矩形、圆形、字符以及添加图像等。

实例 21 - 在画布上绘制钟表

画布是一个矩形区域,您可以控制其每一像素。需要使用 JavaScript 控制在画布上绘制图像。可以绘制路径、矩形、圆形、字符以及添加图像等。

实例 22 - 在画布上绘制动画图片

画布是一个矩形区域,您可以控制其每一像素。需要使用 JavaScript 控制在画布上绘制图像。可以绘制路径、矩形、圆形、字符以及添加图像等。

实例 23 - 在画布上使用裁剪

画布是一个矩形区域,您可以控制其每一像素。需要使用 JavaScript 控制在画布上绘制图像。可以绘制路径、矩形、圆形、字符以及添加图像等。

实例 24 - 画布上的渐变与事件

画布是一个矩形区域,您可以控制其每一像素。需要使用 JavaScript 控制在画布上绘制图像。可以绘制路径、矩形、圆形、字符以及添加图像等。

实例 25 - 画布上的绘图程序

画布是一个矩形区域,您可以控制其每一像素。需要使用 JavaScript 控制在画布上绘制图像。可以绘制路径、矩形、圆形、字符以及添加图像等。

实例 26 - 在画布上绘制随机曲线

画布是一个矩形区域,您可以控制其每一像素。需要使用 JavaScript 控制在画布上绘制图像。可以绘制路径、矩形、圆形、字符以及添加图像等。

实例 27 - 在画布上展示数学的艺术

画布是一个矩形区域,您可以控制其每一像素。需要使用 JavaScript 控制在画布上绘制图像。可以绘制路径、矩形、圆形、字符以及添加图像等。

实例 28 - 画布上的蠕虫

画布是一个矩形区域,您可以控制其每一像素。需要使用 JavaScript 控制在画布上绘制图像。可以绘制路径、矩形、圆形、字符以及添加图像等。

实例 31 - 在画布上绘制文字

画布是一个矩形区域,您可以控制其每一像素。需要使用 JavaScript 控制在画布上绘制图像。可以绘制路径、矩形、圆形、字符以及添加图像等。

实例 32 - 在画布上使用自定义字体

画布是一个矩形区域,您可以控制其每一像素。需要使用 JavaScript 控制在画布上绘制图像。可以绘制路径、矩形、圆形、字符以及添加图像等。

未完待续