10个适合初学者的HTML5入门教程
- - 创业邦 HTML5 作为下一代网站开发技术，无论你是一个 Web 开发人员或者想探索新的平台的游戏开发者，都值得去研究. 借助尖端功能，技术和 API，HTML5 允许你创建响应性、创新性、互动性以及令人惊叹的漂亮网站. 更进一步，你也可以使用 HTML5 创建原来只能用于桌面平台上的复杂应用程序. 这篇文章挑选了10个适合初学者的 HTML5 入门教程，带你踏上 HTML5 之旅.
10个适合初学者的HTML5入门教程
标签：
初学者
html5
| 发表时间：2014-01-13 14:15 | 作者：http://www.cyzone.cn
出处：http://www.cyzone.cn
HTML5 作为下一代网站开发技术，无论你是一个 Web 开发人员或者想探索新的平台的游戏开发者，都值得去研究。借助尖端功能，技术和 API，HTML5 允许你创建响应性、创新性、互动性以及令人惊叹的漂亮网站。更进一步，你也可以使用 HTML5 创建原来只能用于桌面平台上的复杂应用程序。
这篇文章挑选了10个适合初学者的 HTML5 入门教程，带你踏上 HTML5 之旅。
1. HTML5 教程 4 U
对于初学者，HTML5 Doctor 网站是开始学习的很好的地方，你可以编辑代码，查看输出结果。
了解如何使用新的 HTML5 标签和 CSS3 创建一个简单又时尚的下拉菜单。
使用 CSS3 和 HTML5 创建漂亮的登录表单，不需要任何 JavaScript 代码。
4. 使用 HTML5，CSS3 和 jQuery 创建下拉式登录框
这是一个简单的教程，可以帮助你使用 CSS3，HTML5 和几行 jQuery 代码创建一个漂亮的下拉登录表单。
5. 使用 HTML5, CSS3 and jQuery 创建可爱的弹出栏
按照这个简单的教程中的步骤来建立一个弹出页面顶部的信息栏，你可以用它来显示从新闻、最新的博客文章等。
了解如何使用 HTML5 的占位符属性来创建一个很酷和实用的 CSS3搜索框。
本教程将教你如何使用 HTML5 的标签，nav, menu, section, aside 和 header 制作漂亮的演示文稿。
你可能已经在其他网站上看到过这样的效果。按照本教程中的步骤学习如何使用 HTML5 和 jQuery 来动态地把彩色图像转化为灰度模式。
9. HTML5 幻灯片 – 使用 Canvas and jQuery
了解如何创建一个优雅的幻灯片过渡效果。
了解如何使用一些 CSS3 技术制作一个好看的 HTML5 表单。
相关 [初学者 html5] 推荐：
寄编程初学者
- tackwell - 笨兔兔看到这篇文章，仔细读后，虽然我平日接触编程很少，可这些容易犯的毛病不仅是初来乍到的程序猿们，人生何尝不是这样呢. 目前，笨兔兔限于Linux桌面应用层级，接下来打算学习下编程，不求成为多么优秀的程序猿，只希望能从中得到快乐和思维的态度. 多少次我曾好奇到底有多少程序语言要学. 初学者谨记：编程如作诗，什么语言不重要.
HTML5 logo 发布
- Greyby - 酷壳 - CoolShell.cn2011年1月19日，W3C发布了HTML5的log，打开W3C的页面，下在的图片印入眼前. 我的第一感觉，就像是看到了小时候看的八一电影制片产的电影. 这分明是号召全世界的无产Web程序员们团结起来，不畏艰难，不怕牺牲，一定要把HTML5的革命事业进行到底. 所以，请各位Web程序员不但在你们的HTML5的网页上加上下面的徽章（关于各个徽章的含义，请参看这里）.
html5 canvas入门
- - Marshal's Blog可以把canvas看做div，不过，它的长和宽不能通过css来定义，要使用标签属性：. 或者javascript对象属性设置：. 使用canvas，只有一种操作方式，使用javascript. 获得canvas对象的上下文对象，该对象是操作canvas的主要对象：. 使用canvas画最简单的线， 点击运行示例，结果看起来是这样：.
HTML5新特性
- - CSDN博客推荐文章 通过fillStyle和strokeStyle 属性可以轻松的设置矩形的填充和线条. 颜色值使用方法和CSS 一样：十六进制数、rgb()、rgba() 和 hsla. 通过 fillRect可以绘制带填充的矩形. 使用 strokeRect 可以绘制只有边框没有填充的矩形. 如果想清除部分 canvas可以使用clearRect.
【转载】HTML5 Messaging
- - HTML5研究小组HTML5 的Message API能够让HTML5页面之间传递消息，甚至这些页面可以不在同一样域名下. 为了让消息能从一个页面发送到另一个页面，主动发送消息的页面必须拥有另一个页面的窗口引用. 然后发送 页面针对接受页调用 postMessage() 方法. postMessage() 方法中 origin 参数的值必须与页面所在的iframe的域名相匹配.
一个初学者的问题
- muzuiget - shell's home 今天挺高兴的，因为我看到了一个新手在我的blog上面留言提问. 问题摘抄如下，我想他应当不会介意我合理引用吧. 贝壳老师，我是一名大三的学生，下半年马上找工作了. 没做过什么项目，编码能力较差但是对技术还算热忱，您觉得在国内做技术40年现实么?. 我觉得他的问题比较散，题目也比较大，就专门开了一篇来回答这个问题.
php初学者常见问题
- - SQL - 编程语言 - ITeye博客最令PHP初学者头痛的十四个问题. 管理提醒: 本帖被 haowubai 执行置顶操作(2009-04-16) 【1】面之间无法传递变量 get,post,session在最新的php 版本中自动全局变量是关闭的，所以要从上一面取得提交过来得变量要使用$_GET[’foo’],$_POST[’foo’],$_SESSION[’foo’]来得到.
Adobe、标准和HTML5 -HTML5 and CSS3 开发
- - HTML5研究小组“[提供商之间的]最激烈的竞争将与 标准密切相关. 大部分聪明人的眼睛将紧盯着技术标准. 但在计算机行业，新标准既可能是无限财富的源泉，也可能导致企业帝国的毁灭. 尽管存在着如此多的风险，标准仍然点燃了无限激情”. —The Economist, 1993年2月23日. 在编写这段有关标准化的话时，计算领域的主要争议是Unix是否是一个可行的操作系统（以及是否为IBM、DEC和HP的更多专用操作系统带来了挑战），以及哪个视窗平台（SUN/AT&T还是IBM/DEC/HP）将成为标准.
HTML5漫谈（4）–HTML5应用平台:PhoneGAP
- - HTML5研究小组( 程宝平 chengbp @gmail.com）. http://phonegap.com）按官方说法，是HTML5移动应用平台，它包括两部分：. 1) 应用开发框架：采用Web/HTML5技术编写应用，支持设备能力（如GPS、重力感应等）调用；支持能力插件灵活扩展. 图1 PhoneGAP支持设备能力API列表.