初学HTML5技术,有这些网站就够了

html-css012

初学HTML5技术,有这些网站就够了,第1张

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:[email protected][email protected][email protected]&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>