HTML5基础知识网站
1.W3C
全称“W3School”，简直是学习网站中的“战斗机”，每一节都有学生时代老师般的“板书”，丰富的实例展示，还有工具书、小测验等提升工具，私教般的存在!
2.Dive into HTML5
这个网站几乎都是关于HTML5的文档，讲一些很基础的知识，简洁清新。如果想学习HTML5的同时提高英语阅读能力，这个网站是极好的。类似的英文网站还有woorkup。
3.h5之家
除了丰富且与时俱进的教程，这个网站还有很多关于HTML5业界的独特见解，闲暇时候看看，拓展知识又能在人前装X，这样的网站哪里找!
HTML5案例网站
1.HTML5xCSS3
拥有超丰富的HTML5案例和模板，随便点开一个案例都好看到让人震惊。里面的全部都是HTML5响应式网站哟!
2.360html5基地
350旗下的HTML5作品展示网站，大部分是HTML5游戏展示，可爱有趣。比如打开一个割绳子的HTML5展示：
3.HTML5 Games
相对360来说更丰富的HTML5游戏资源，玩着玩着技能激发设计灵感呢!
HTML5技术网站
1.whatwg
网络超文本应用技术工作小组(Web Hypertext Application Technology Working Group)的博客，里面一些文章能让人受益匪浅。
2.HTML5医生
一些关于html5语义及如何使用它们的文章，医生会定时回答网友们的问题。
3.HTML5中国
一个真的能手把手教你6小时做一个HTML5坦克大战游戏的网站，还有各类HTML5的资讯、沟通交流论坛等。
HTML5测试网站
1.HTMLDemos
测试HTML5标签在各浏览器的兼容性，还能查看各种HTML5的标准Demo演示。
2.html5 test
能为浏览器对HTML5的兼容性打分，可以知道你当前的浏览器对HTML5的支持情况如何，各种标签和组件的支持情况。
所以，网站已经分享给你们了，如果真心要学习此项技能，快去实践吧!
html静态页面要想实现邮件发送功能，需要借助ajax接口调用发邮件的程序才可以。页面代码如下：
<pre name="code" class="html"><a href="Mailto:test@163.com?CC=test@163.com&BCC=test@163.com&Subject=Hello&Body=你好">给我发邮件</a></pre>
<pre></pre>
参数说明：
<p style="color:rgb(51,51,51)font-family:Arialfont-size:14pxline-height:26px">
</p>
<p style="color:rgb(51,51,51)font-family:Arialfont-size:14pxline-height:26px">
CC：抄送地址；</p>
<p style="color:rgb(51,51,51)font-family:Arialfont-size:14pxline-height:26px">
BCC：密件抄送地址；</p>
<p style="color:rgb(51,51,51)font-family:Arialfont-size:14pxline-height:26px">
Subject：主题；</p>
<p style="color:rgb(51,51,51)font-family:Arialfont-size:14pxline-height:26px">
Body：邮件内容。</p>
<p style="color:rgb(51,51,51)font-family:Arialfont-size:14pxline-height:26px">
注：多个邮件地址用""隔开。</p>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<title>Today1 </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<style>
.news{
color:red
}
#idDIV{width:100%padding:8pxbackground-color:#F0EBD6font-family:verdana,tahomafont-size:12px }
#idDIV:first-letter{padding: 5pxfont-size: 24ptleft: 0pxfloat: left position: absolutetop: 100px}
#idCodeDiv{width:100%padding:4pxfont-family:verdana,tahomamargin:12px 0px 0px 0pxbackground-color:#EEEEEEfont-weight:bold}
</style>
</head>
<body>
<h1 id="idDIV"><center>Today is 8 April 2011.</center></h1>
<h5 class="news" >There was a heavy 7.4-maglitude quake rattles Japan again Yesterday(7 April 2011).when I heared it,I feel so sorry to about it.but I don not know what to do.I can only pray them.I hope that they can triumph over it.<h5>
<h5 id="idDIV:first-letter">
Turn crisis into opportunity
Japan should identify its real problems, learn from wartime lessons, and reform its structures and diplomatic focuses.
</h5>
</body>
</html>
