精华内容
下载资源
问答
  • html5实例
    千次阅读
    2012-06-05 15:25:31


    下载地址:http://download.csdn.net/detail/jianguo_liao19840726/4353125
    更多相关内容
  • 12款实用的HTML5实例源码分享

    千次下载 热门讨论 2014-04-29 10:01:49
    12款实用的HTML5实例源码,网络上看到的,觉得不错就上传上来,供大家一起共同分享学习。
  • 12个有趣的HTML5实例(转)

    万次阅读 2017-02-13 17:03:34
    12个有趣的HTML5实例 上一周,未来的Web有了自己的logo。无论你喜不喜欢,HTML5来了并且将成为新的标准。本文将介绍一些HTML5新的实例。       1.The Wilderness Downtown by Google & The Arcade ...

    12个有趣的HTML5实例

    上一周,未来的Web有了自己的logo。无论你喜不喜欢,HTML5来了并且将成为新的标准。本文将介绍一些HTML5新的实例。

     HTML5logo

     

     

    1.The Wilderness Downtown by Google & The Arcade Fire

    很有中国风的应用,输入城市名即可。。

     HTML5logo

     

    2.Jolicloud

     HTML5logo

    3.Wordmark.it

    使得文本拥有同你电脑中一样的字体。

     HTML5logo

     

    4.Z-Type

    一款有HTML打造的游戏。

     HTML5logo

    5.Nike Better World

     HTML5logo

    6.Klowdz

    这个应用让我想起了去年十分流行的一句话,“神马都是浮云”,这就是使用HTML5绘制的神马!

     HTML5logo

    7.Canvas Cycle

    又一款十分酷的Chorme试验品。Canvas Cycle就像在你的任天堂上有一个编辑面板。你可以选择不挺的场景,控制音量、缩放宿舍,循环类型等。

     HTML5logo

    8.GraphyCalc

    这个是有HTML5绘制的3D图形,并且能够根据你的鼠标去旋转。

     HTML5logo

    9.Google Maps + Dynamic Canvas

     谷歌地图和动态的画板。

     HTML5logo

     

    10.Darkroom

     这个Web应用可以让我们在线编辑图片。

     HTML5logo

     

    11.20 Things

     一个非常清爽简洁的网站,可以阅读电子书。

     HTML5logo

     

    12.Agent 8-Ball

     HTML5logo

     

     原文链接http://webdesignledger.com/inspiration/12-fun-clever-examples-of-html5

     

     一些HTML5的资源

    http://www.chromeexperiments.com/

    http://www.html5gallery.com/

    http://www.apple.com/

     

    如果您喜欢我的文章,您可以通过支付宝对我进行捐助,您的支持是我最大的动力https://me.alipay.com/alexis


    作者:Alexis 
    出处:http://www.cnblogs.com/alexis/ 
    关于作者:专注于Windows Phone 7、Silverlight、Web前端(jQuery)。
    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,如有问题,可以通过shuifengxuATgmail.com  联系我,非常感谢。 

    分类:  HTML5篇
    标签:  HTML5HTML5实例
    « 上一篇: 11款新鲜的jQuery插件【附所有demo下载】
    » 下一篇: Asp.Net知识锦分享
    posted @  2011-01-28 15:10  Alexis 阅读( 35947) 评论( 6编辑  收藏

    展开全文
  • 在这里分享给大家精心挑选的15个HTML5网站模板,这些模板涉及商业、投资、简历、画廊、艺术、慈善、房地产,以及食品等等方面。1. Zeni – Responsive HTML5 Portfolio TemplateDemo Download2. Torn – HTML5 ...

    在这里分享给大家精心挑选的15个HTML5网站模板,这些模板涉及商业、投资、简历、画廊、艺术、慈善、房地产,以及食品等等方面。

    1. Zeni – Responsive HTML5 Portfolio Template

    6d3e5e9001c370d807b902f7aab83575.png

    Demo Download

    2. Torn – HTML5 Template 5 Skins

    d6565a834a2f2612848d67ee0ef625b1.png

    Demo Download

    3. Folder – Responsive Showcase Template

    6cf41ca03e7b2f1209b50aace1d134b9.png

    Demo Download

    4. Modus – Responsive HTML5 Template

    ba8b9ca649032841bf22fb4340b3b769.png

    Demo Download

    5. Connoisseur – Cuisine/Fine Art Template

    8ed2a234b035734d8a3c306f26a70b0c.png

    Demo Download

    11. Business Site Template

    2b017ca27c34b83e4bd5d2ee771f0e63.png

    Demo Download

    12. Real Estate Template

    56640854229136f473058a7d057ea7de.png

    Demo Download

    13. Fitness Club Template

    c4ca9e683c31e4754e5e5f824fe38a83.png

    Demo Download

    14. Security Project Template

    04448d25bbfb136cdbc10eda5d618159.png

    Demo Download

    15. HTML5 Charity Center Template

    bc2a8a866eb3730030f19a328f5f67a1.png

    Demo Download

    11. Business Site Template

    2b017ca27c34b83e4bd5d2ee771f0e63.png

    Demo Download

    12. Real Estate Template

    56640854229136f473058a7d057ea7de.png

    Demo Download

    13. Fitness Club Template

    c4ca9e683c31e4754e5e5f824fe38a83.png

    Demo Download

    14. Security Project Template

    04448d25bbfb136cdbc10eda5d618159.png

    Demo Download

    15. HTML5 Charity Center Template

    bc2a8a866eb3730030f19a328f5f67a1.png

    Demo Download

    展开全文
  • html5 简单实例源代码

    万次阅读 多人点赞 2017-04-26 22:58:56
    html5 简单实例源代码

    实例教程:http://www.w3school.com.cn/jquery/


    源代码下载

    http://download.csdn.net/detail/wyx100/9827067


    html5文件布局结构


    html5文件布局结构html5语言标记


    浏览器执行效果


    html5文件源代码

    <!DOCTYPE html>
    <html>
    
    	<head>
    		<meta charset="utf-8">
    		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=">
    		<title>first html5 page</title>
    		<!-- 
            <link rel="stylesheet" href="/css/style.css">
            <script src="/js/libs/modernizr-2.5.3.min.js">
            -->
    		<style type="text/css">
    			body {
    				margin: 0 auto;
    				width: 900px;
    				background: #fff;
    				font: 100%/1.4 helvetica, arial, sans-serif;
    			}
    			
    			header {
    				background: #ccc;
    				padding: 20px;
    			}
    			
    			header h1 {
    				margin: 0;
    			}
    			
    			nav {
    				float: left;
    				width: 900px;
    				background: #333;
    			}
    			
    			nav ul {
    				margin: 0;
    				padding: 0;
    			}
    			
    			nav ul li {
    				list-style-type: none;
    				display: inline;
    			}
    			
    			nav li a {
    				display: block;
    				float: left;
    				padding: 5px 10px;
    				color: #fff;
    				text-decoration: none;
    				border-right: 1px solid #fff;
    			}
    			
    			article {
    				clear: left;
    				float: left;
    				width: 560px;
    				padding: 20px 0;
    				margin: 0 0 0 30px;
    				display: inline;
    			}
    			
    			article h2 {
    				margin: 0;
    			}
    			
    			aside {
    				float: right;
    				width: 240px;
    				padding: 20px 0;
    				margin: 0 20px 0 0;
    				display: inline;
    			}
    			
    			aside h3 {
    				margin: 0;
    			}
    			
    			footer {
    				clear: both;
    				background: #ccc;
    				text-align: right;
    				padding: 20px;
    				height: 1%;
    			}
    		</style>
    		<script type="text/javascript">
    		</script>
    	</head>
    
    	<body>
    		<!-- 头部 -->
    		<header>
    			<h1>头部</h1>
    		</header>
    		<!-- 导航 -->
    		<nav>
    			<ul>
    				<li id="home">Home</li>
    				<li id="about">About</li>
    				<li id="contact">Contact</li>
    			</ul>
    		</nav>
    		<!-- 导航 -->
    		<section>
    			<h1>My Article</h1>
    			<article>
    				<p>this is first article</p>
    				<div id="second_item">this is second article,I'm
    					<a href="http://www.cnlbogs.com/hongten">Hongten</a>
    					</p>
    					<p>this is third article</p>
    					<p>this is 4's article</p>
    			</article>
    		</section>
    		<aside></aside>
    		<!-- 尾部 -->
    		<footer class="footer1">
    			<p>
    				<a href="mailto:hongtenzone@foxmail.com">hongtenzone@foxmail.com</a> ||
    				<a href="http://www.cnlbogs.com/hongten">Hongten</a>
    			</p>
    		</footer>
    	</body>
    
    </html>



    展开全文
  • HTML5 的人脸识别活体认证实例,将其部署到TOMCAT下运行index.html即可使用
  • HTML5网页开发实例详解

    热门讨论 2014-05-29 17:15:36
    本书从实际的应用场景出发,结合...第 13~14章通过两个完整的大型应用实例,详细分析 HTML 5的项目流程及设计技巧。 本书适用于所有前端开发初学者和网页设计入门者,也可作为大中专院校及培训学校教材及上机指导用书。
  • HTML5开发精要与实例详解》配套源码

    千次下载 热门讨论 2012-01-31 15:10:26
    此为《HTML5开发精要与实例详解》的全部配套源码 本书由资深Web开发专家亲自执笔,内容的权威性上应该是毋庸置疑的。 本书在内容结构上将继承《HTML 5与CSS 3权威指南》一书的优点,几乎每个知识点都将配一个精心...
  • HTML5+CSS3实例源码(包含20个),制作都很精细,界面漂亮,望对你有帮助
  • HTML5 Canvas实现的图表插件Chart.js实例

    千次下载 2014-09-25 14:06:37
    chart.js是一款基于HTML5 Canvas的图表插件,其功能非常强大,不仅提供了常见的柱形图、折线图、饼状图,还提供了环形图、雷达图,样式外观多样,图表的色彩搭配也比较清新。chart.js还有一个特点就是图表在初始化的...
  • 使用HTML5+CSS3实现的圆形菜单实例源码,网络上看到的,觉得不错就上传出来,供大家一起共同分享学习。
  • Html5 WebSocket c++实例

    热门讨论 2013-04-06 21:38:07
    实现WebSocket与C++服务端的成功连接的实例:网页客户端,C++Server以及一个国外的完整实例;
  • 代码为博客实例代码 http://blog.csdn.net/lmj623565791/article/details/32964301 有问题博客中留言
  • HTML5 CSS3 : 进度条的实现实例源码

    万次下载 热门讨论 2014-07-12 09:59:46
    代码为博客实例代码:http://blog.csdn.net/lmj623565791/article/details/34825865 有问题,博客中留言
  • HTML5 CSS3 : 3D立方体旋转动画实例源码

    万次下载 热门讨论 2014-07-12 09:58:23
    代码为博客实例代码:http://blog.csdn.net/lmj623565791/article/details/34120047 有问题博客中留言
  • HTML5 CSS3 :无插件拖拽上传图片实例源码

    万次下载 热门讨论 2014-07-12 09:40:53
    代码为博客实例代码:http://blog.csdn.net/lmj623565791/article/details/31513065 有问题博客中留言
  • HTML5 CSS3 :canvas 模拟实现电子彩票刮刮乐实例代码

    万次下载 热门讨论 2014-07-12 10:34:12
    代码为博客实例代码http://blog.csdn.net/lmj623565791/article/details/34089553 有问题博客中留言
  • 简单HTML网页制作 实例

    千次阅读 2021-04-25 00:45:31
    HTML网页制作 1.新建文本文档,以“html”结尾。 2.用html网页逻辑器打开,这里我们用Sublime Text打开。 在标签<body></body>里写文本,<h1></h1>意思是把文本设置为标题, align里设置...
  • html5表单实例

    千次阅读 2017-04-29 23:38:55
    <!DOCTYPE html> <html lang="en"> <title>HTML5-表单实例 <!--CSS引入式--> <!--CSS内嵌式--> </head>
  • HTML5 3D/CSS3 3D爱心动画项目实例源码

    千次下载 热门讨论 2014-08-20 11:30:37
    大家可以点解DEMO来看看。CSS3代码,对这些线条进行渲染,以便其有3D的视觉效果。很多div,主要是构造爱心的线条区域。
  • HTML5开发精要与实例详解

    热门讨论 2013-04-01 14:25:50
    HTML 5开发精要与实例详解》是一本以综合性案例为导向并辅之以精要知识点讲解的HTML5实战教程。
  • iscroll5上拉下拉实例完整demo

    热门讨论 2014-02-07 14:58:29
    iscroll5上拉下拉实例完整demo,iscroll5刚出来的时候自己写的demo,本人已经改行无意间上来看了下,把积分调整低
  • HTML5 CSS3 专题 :3D展示商品信息项目完整实例源码

    万次下载 热门讨论 2014-07-12 09:55:36
    代码为博客实例代码:http://blog.csdn.net/lmj623565791/article/details/32974051 有问题博客中留言
  • html5+php websocket实时聊天实例

    热门讨论 2013-06-04 15:50:38
    php不擅长做实时聊天,长轮询是一种低效的方法,其它又难以实现,但如果用websocket就好了,高效并且容易使用. 之前找到的一直不能用,这个基本测试通过~
  • 静态网页设计及实例html

    热门讨论 2011-09-06 00:15:52
    网页设计 html 静态网页 含实例 网页设计 html 静态网页 含实例
  • php+mysql+html实例

    热门讨论 2011-08-10 23:33:23
    php+mysql+html实例php+mysql+html实例php+mysql+html实例php+mysql+html实例php+mysql+html实例php+mysql+html实例php+mysql+html实例php+mysql+html实例php+mysql+html实例
  • Html实例100例

    千次阅读 2020-03-17 17:20:00
    1、简单Html程序 1 <html> 2 <head> 3 <title>我的第一个HTML</title> 4 </head>...5 <body> 6 <p>body 元素内容会显示在浏览器中。</p> 7 <p...
  • HTML5与CSS3实例教程(第2版)》共分3部分,集中讨论了HTML5和CSS3规范及其技术的使用方法。这一版全面讲解了最新的HTML5和CSS3技术,所有实例均使用最新特性实现,针对的是最新版本的浏览器。《HTML5与CSS3实例教程...
  • HTML5+CSS3从新手到高手网页设计与网站布局一书的所有源码和90个书中实例,该书为清华大学出版社出版,倪宝童、吴东伟等编著,价值49.8呢~
  • HTML实例—以一个简单网页为例

    千次阅读 多人点赞 2020-07-13 16:41:15
    HTML实例 1、原型与实例对比 ...HTML实例链接到第(5)块内容;其它和联系我暂时未设置链接内容。 (3)轮播图注释 鼠标移入时,“图1”显示图1内容的解释。主要是通过left:-999em;设置解释内容为

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,761,855
精华内容 704,742
关键字:

html5实例