HTML5 入门文章目录汇总

hyneng 2013-01-14

HTML5 入门文章暂时告一段落,把文章的链接贴出来,方便大家的查阅。这些文章在每节的后面都配有完整的实例源代码,是入门的经典教程

 

HTML5历史与开发介绍-HTML5 入门教程
HTML 5是近十年来Web开发标准最巨大的飞跃。和以前的版本不同,HTML 5并非仅仅用来表示Web内容,它的新使命是将Web带入一个成熟的应用平台,在HTML 5平台上,视频,音频,图象,动画,以及同电脑的交互都被标准化。
HTML5 标签语法变化和使用概念
HTML5标签与HTML4标签区别:概念的变化和声明与标签;HTML5在更多的声明和标签上面做了简化,也对兼容做了详细的规定,废除了部分元素,增加了部分元素
HTML5 视频播放事件属性与API控件
在过去,我们如果想在Web上播放视频,也是都是通过Flash来播放,同样并不是所有的浏览器都安装了Flash播放器插件,而现在我们在HTML5中,就能完全脱离Flash或其他的插件来播放视频了
HTML5 Canvas 画图标签、画线、圆、渐变色
内容摘要:Canvas标签定义,并获得坐标;画矩形,定义颜色,透明度;画直线,定义连接,节点;画圆,定义弧度,节点;画渐变色,定义节点渐变效果;读入一张图片
HTML5 Canvas 图像动画的实现
内容摘要:Canvas 中 clearRect 清除函数;setInterval与clearInterval函数的使用;Canvas做个吹气球效果的动画
HTML5 Canvas 制作一个“在线画板”
内容摘要:HTML5 Canvas 部分线条事件,JQuery 部分鼠标事件,然后利用这些知识制作一个“在线画板”的小应用
HTML5 智能form表单新属性
内容摘要:HTML5 智能form表单新属性,主要包括智能表单介绍和智能表单使用与规范。但在不同支持HTML5的浏览器效果有所差异,使用的时候要注意
HTML5 地理位置定位 API 接口开发
HTML5地理位置定位API接口开发包括:地理位置定位原理与介绍和HTML5中地理位置定位的方法,最后获取经纬度显示当前位置在百度地图上
HTML5 Notification 桌面提醒功能 API
桌面通知功能能够让浏览器即使是最小化状态也能将消息通知给用户。这和WebIM是最为天然的结合。不过,目前支持Desktop Notification功能的浏览器只有Chrome5+
HTML5+Springmvc实现拖拽文件上传
HTML5+Springmvc实现拖拽文件上传,包括Drag&Drop 拖拽功能的处理、File API浏览器获取文件和 FormData 模拟表单实现Ajax文件上传
HTML5 Local Storage 本地存储
在HTML5中,本地存储是一个window的属性,包括localStorage和 sessionStorage,从名字应该可以很清楚的辨认二者的区别,前者是一直存在本地的,后者只是伴随着session,窗口一旦关闭就没了。二者 用法完全相同。
HTML5 Web SQL Database 数据库

Web SQL数据库API实际上不是HTML5规范的组成部分,而是单独的规范。它通过一套API来操纵客户端的数据库。Safari、Chrome、Firefox、Opera等主流浏览器都已经支持Web SQL Database

hyneng 2013-01-15
HTML5+Springmvc实现拖拽文件上传,这个好玩
hyneng 2013-01-16
谁有意向,一起做一个HTML5的播放器
duguquezi 2013-01-17
我做! 怎么搞!
wuyahuang 2013-05-02
还有专门针对移动设备开发的手势操作事件。
touchstart,touchmove,touchcancel,touchend.
附上苹果Safari手势操作开发指南。
https://developer.apple.com/library/safari/#documentation/appleapplications/reference/safariwebcontent/handlingevents/handlingevents.html
u013680195 2014-04-02
CSS基础教程17篇

此教程共17篇,由浅到深、循序渐进的讲述CSS知识。
对初学者有很大的学习价值,对已入门的朋友也有重要的参考价值。

1、CSS的应用
http://www.weby.com.cn/view.asp?id=13

2、CSS Selectors,Properties,and Values 选择器 、属性、值
http://www.weby.com.cn/view.asp?id=14

3、CSS的color颜色
http://www.weby.com.cn/view.asp?id=15

4、CSS的Text 文本
http://www.weby.com.cn/view.asp?id=16

5、Margin和Padding
http://www.weby.com.cn/view.asp?id=17

补充:CSS盒模型(Box Model)问题详解
http://www.weby.com.cn/view.asp?id=18

6、CSS的Border边框
http://www.weby.com.cn/view.asp?id=19

7、CSS属性结合起来使用
http://www.weby.com.cn/view.asp?id=20

8、CSS的Class以及ID选择器
http://www.weby.com.cn/view.asp?id=21

9、CSS的Grouping and Nesting分组和嵌套
http://www.weby.com.cn/view.asp?id=22

10、CSS的Pseudo Classes 伪类
http://www.weby.com.cn/view.asp?id=23
11、CSS的属性缩写
http://www.weby.com.cn/view.asp?id=24

12、CSS的Background Images 背景图片
http://www.weby.com.cn/view.asp?id=25

13、CSS的display属性
http://www.weby.com.cn/view.asp?id=26

14、CSS网页布局Page Layout
http://www.weby.com.cn/view.asp?id=27

15、CSS的At-Rules@规则
http://www.weby.com.cn/view.asp?id=28

16、CSS的伪元素Pseudo Elements
http://www.weby.com.cn/view.asp?id=29

17、CSS的优先级特性Specificity 
http://www.weby.com.cn/view.asp?id=30
Global site tag (gtag.js) - Google Analytics