42个非常有用的 HTML5 开发教程和学习资源

简介:   如今,随着主流浏览器对 HTML5 的不断支持和完善,越来越多的开发者开始使用 HTML5 来开发各种功能强大的Web应用程序,HTML5 正引领互联网新革命。为了方便大家更好的学习 HTML5 ,今天这篇文章向大家分享42个非常有用的 HTML5 开发教程和速查手册。

  如今,随着主流浏览器对 HTML5 的不断支持和完善,越来越多的开发者开始使用 HTML5 来开发各种功能强大的Web应用程序,HTML5 正引领互联网新革命。为了方便大家更好的学习 HTML5 ,今天这篇文章向大家分享42个非常有用的 HTML5 开发教程和速查手册。

HTML5 开发教程

1. Code a Portfolio with HTML5 and CSS3

Code a Backwards Compatible, One Page Portfolio with HTML5 and CSS3

2. Slick login form with HTML5 & CSS3

Slick login form with HTML5 & CSS3

3. Create a stylish HTML5 template from scratch

Create a stylish HTML5 template from scratch

4. Code a Vibrant Professional Web Design with HTML5/CSS3

Code a Vibrant Professional Web Design with HTML5/CSS3

5. Coding a CSS3 & HTML5 One-Page Website Template

Coding a CSS3 & HTML5 One-Page Website Template

6. Create An Elegant Website With HTML 5 And CSS3

Create An Elegant Website With HTML 5 And CSS3

7. Tutorial: Case Study with Html5 + CSS3

Tutorial: Case Study with Html5 + CSS3

8. Create a Grid Based Web Design in HTML5 & CSS3

Create a Grid Based Web Design in HTML5 & CSS3

9. Create a Stylish Contact Form with HTML5 & CSS3

Create a Stylish Contact Form with HTML5 & CSS3

10. Coding A HTML 5 Layout From Scratch

Coding A HTML 5 Layout From Scratch

11. Design & Code a Cool iPhone App Website in HTML5

Design & Code a Cool iPhone App Website in HTML5

12. Designing a blog with html5

Designing a blog with html5

13. How to Make an HTML5 iPhone App

How to Make an HTML5 iPhone App

14. Making Forms Fabulous with HTML5

Making Forms Fabulous with HTML5

15. How to Build Cross-Browser HTML5 Forms

How to Build Cross-Browser HTML5 Forms

16. HTML5 Tutorial – Getting Started

HTML5 Tutorial  Getting Started

17. Simple Website Layout Tutorial Using HTML 5 and CSS 3

Simple Website Layout Tutorial Using HTML 5 and CSS 3

18. Build a HTML5/CSS3 Website Layout Without Images – Part 1

Build a HTML5/CSS3 Website Layout Without Images  Part 1

19. Building Web Pages With HTML 5

Building Web Pages With HTML 5

20. Add Semantic Value to Your Pages With HTML 5

Add Semantic Value to Your Pages With HTML 5

21. Embed Audio and Video in HTML 5 Pages

Embed Audio and Video in HTML 5 Pages

22. HTML5 and CSS3 in Dreamweaver CS5.5 – Part 1: Building the web page

HTML5 and CSS3 in Dreamweaver CS5.5  Part 1: Building the web page

23. Create a Responsive Web Design Template

Create a Responsive Web Design Template

24. A practical guide to building websites with HTML5 & CSS3

A practical guide to building websites with HTML5 & CSS3

25. HTML5 & CSS3 envelope contact form

HTML5 & CSS3 envelope contact form

26. How to Draw with HTML 5 Canvas

How to Draw with HTML 5 Canvas

27. HTML 5 Canvas Tutorial

HTML 5 Canvas Tutorial

28. Learning the basics of HTML5 canvas

Learning the basics of HTML5 canvas

29. JavaScript Face Detection + Canvas + Video = HTML5 Glasses!

JavaScript Face Detection + Canvas + Video = HTML5 Glasses!

HTML5 文章和资源

30. Semantics in HTML 5

Semantics in HTML 5

31. Get Ready for HTML 5

Get Ready for HTML 5

32. A Preview of HTML 5

A Preview of HTML 5

33. Steve Smith on HTML5 and CSS3

Steve Smith on HTML5 and CSS3

34. The Future of HTML 5

The Future of HTML 5

35. HTML5 Boilerplate

HTML5 Boilerplate

36. Initializr 2

Initializr 2

HTML5 速查手册

37. HTML 5

HTML 5

38. HTML 5 Visual Cheat Sheet by Woork

HTML 5 Visual Cheat Sheet by Woork

39. HTML5 Visual Cheat Sheet

HTML5 Visual Cheat Sheet

40. HTML 5 Cheat Sheet (PDF)

HTML 5 Cheat Sheet (PDF)

41. HTML5 Canvas Cheat Sheet

HTML5 Canvas Cheat Sheet

42. HTML5 id or class name cheatsheet

HTML5 id or class name cheatsheet

您可能还喜欢

 

 

英文链接:Must-Read HTML5 Tutorials and Resources

编译来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

作者:山边小溪
主站:yyyweb.com 记住啦:)
欢迎任何形式的转载,但请务必注明出处。

相关文章
HTML 统一资源定位器(Uniform Resource Locators)3
URL字符编码是指将URL中非ASCII字符转换为有效的ASCII格式的过程。URL只能使用ASCII字符集,因此需要对超出该集合的字符进行编码。URL编码使用“%”加上两位十六进制数来表示非ASCII字符,空格通常被编码为“+”。例如,€编码为%80,£编码为%A3。更多信息可参见URL编码参考手册。
|
1月前
|
安全 数据安全/隐私保护
HTML 统一资源定位器(Uniform Resource Locators)2
常见的URL Scheme包括:http(超文本传输协议,用于普通网页,不加密)、https(安全超文本传输协议,用于安全网页,加密信息交换)、ftp(文件传输协议,用于文件的上传和下载)、file(用于访问本地计算机上的文件)。
HTML 统一资源定位器(Uniform Resource Locators)1
统一资源定位器(URL)是用于标识互联网上资源位置的标准格式。URL通常由方案、主机、域名、端口、路径和文件名组成,如 `http://www.runoob.com/html/html-tutorial.html`。大多数用户通过域名访问网站,因为域名比IP地址更容易记忆。URL在Web浏览器中用于请求页面,通过 `<a>` 标签实现链接跳转。
|
2月前
|
人工智能
|
3月前
|
数据可视化 前端开发
Twaver-HTML5基础学习(39)鹰眼可视化视图组件(OverView)
本文介绍了如何在Twaver-HTML5中使用鹰眼(Overview)可视化视图组件,它作为Network的缩略图,允许用户通过缩略图导航Network,支持单击、双击和框选操作来控制Network视图。
44 5
Twaver-HTML5基础学习(39)鹰眼可视化视图组件(OverView)
|
3月前
Twaver-HTML5基础学习(35)Network中ToolTip显示Chart(视图未成功出现)
本文尝试在Twaver-HTML5的Network组件的ToolTip中显示echarts饼图,但未成功,可能与版本有关。
40 4
Twaver-HTML5基础学习(35)Network中ToolTip显示Chart(视图未成功出现)
|
3月前
|
数据可视化 前端开发 容器
Twaver-HTML5基础学习(41)列表可视化视图组件(List)
本文介绍了如何在Twaver-HTML5中使用列表可视化视图组件(List),展示了如何创建列表、设置列表属性(如行高、间隔颜色等)、实现数据绑定和排序,以及如何通过React代码示例进行操作。
41 2
Twaver-HTML5基础学习(41)列表可视化视图组件(List)
|
3月前
Twaver-HTML5基础学习(38)劈分面板SplitPane
本文介绍了如何在Twaver-HTML5中使用SplitPane组件来创建可分割的面板,通过动态调整分割条来改变面板的大小,支持水平和垂直分割。
35 2
Twaver-HTML5基础学习(38)劈分面板SplitPane
|
3月前
Twaver-HTML5基础学习(36)是否显示滚动条
本文探讨了在Twaver-HTML5中设置是否显示滚动条的方法,包括横向和纵向滚动条的控制,但遇到了设置不生效的问题,可能与软件版本有关。
37 2
Twaver-HTML5基础学习(36)是否显示滚动条
|
3月前
|
前端开发
Twaver-HTML5基础学习(37)network导出图片并下载
本文介绍了如何在Twaver-HTML5中将network导出为图片并提供下载,主要通过将network转换为canvas对象,然后转换为base64编码的图片进行展示和下载。
41 5