This document is a guide for getting started with HTML5 published by MakeUseOf in July 2013. It contains 26 sections that cover topics such as semantic markup, forms, media integration like video and audio, CSS3 transformations and animations, JavaScript, and using the HTML5 canvas element to create graphics. The guide encourages readers to test their knowledge with self-tests included throughout.

2. This manual is the intellectual property of MakeUseOf. It must only be published in its original form. Using
parts or republishing altered parts of this guide is prohibited without permission from MakeUseOf.com
By Mathew Hughes
http://www.matthewhughes.co.uk/
Published July 2013
share:

3. GET STARTED WITH HTML5!
3HTTP://MAKEUSEOF.COM
MATTHEW HUGHES, HTTP://WWW.MATTHEWHUGHES.CO.UK share:
Table Of Contents

4. GET STARTED WITH HTML5!
4HTTP://MAKEUSEOF.COM
MATTHEW HUGHES, HTTP://WWW.MATTHEWHUGHES.CO.UK share:

5. GET STARTED WITH HTML5!
5HTTP://MAKEUSEOF.COM
MATTHEW HUGHES, HTTP://WWW.MATTHEWHUGHES.CO.UK share:
1. Introduction
1.1 Prerequisites

6. GET STARTED WITH HTML5!
6HTTP://MAKEUSEOF.COM
MATTHEW HUGHES, HTTP://WWW.MATTHEWHUGHES.CO.UK share:
1.2 Text Editors For Web Development

7. GET STARTED WITH HTML5!
7HTTP://MAKEUSEOF.COM
MATTHEW HUGHES, HTTP://WWW.MATTHEWHUGHES.CO.UK share:
2. Semantic Markup

8. GET STARTED WITH HTML5!
8HTTP://MAKEUSEOF.COM
MATTHEW HUGHES, HTTP://WWW.MATTHEWHUGHES.CO.UK share:
2.1 Section
2.2 Article
2.3 Aside
2.4 Header
2.5 Nav
2.6 Footer

9. GET STARTED WITH HTML5!
9HTTP://MAKEUSEOF.COM
MATTHEW HUGHES, HTTP://WWW.MATTHEWHUGHES.CO.UK share:
2.7 Test Yourself

10. GET STARTED WITH HTML5!
10HTTP://MAKEUSEOF.COM
MATTHEW HUGHES, HTTP://WWW.MATTHEWHUGHES.CO.UK share:
3. Forms
3.1 Improving a Form

11. GET STARTED WITH HTML5!
11HTTP://MAKEUSEOF.COM
MATTHEW HUGHES, HTTP://WWW.MATTHEWHUGHES.CO.UK share:
3.2 Input Types and Patterns
3.3 Test Yourself

12. GET STARTED WITH HTML5!
12HTTP://MAKEUSEOF.COM
MATTHEW HUGHES, HTTP://WWW.MATTHEWHUGHES.CO.UK share:

13. GET STARTED WITH HTML5!
13HTTP://MAKEUSEOF.COM
MATTHEW HUGHES, HTTP://WWW.MATTHEWHUGHES.CO.UK share:
4. Media
4.1 How HTML5 Makes Video and Audio Awesome
4.2 All About Codecs
4.3 Starting With Video

14. GET STARTED WITH HTML5!
14HTTP://MAKEUSEOF.COM
MATTHEW HUGHES, HTTP://WWW.MATTHEWHUGHES.CO.UK share:

15. GET STARTED WITH HTML5!
15HTTP://MAKEUSEOF.COM
MATTHEW HUGHES, HTTP://WWW.MATTHEWHUGHES.CO.UK share:
4.4 Adding Audio
4.5 Test Yourself

16. GET STARTED WITH HTML5!
16HTTP://MAKEUSEOF.COM
MATTHEW HUGHES, HTTP://WWW.MATTHEWHUGHES.CO.UK share:
5. CSS3 Transformations And Animations
5.1 CSS Hover Effects

17. GET STARTED WITH HTML5!
17HTTP://MAKEUSEOF.COM
MATTHEW HUGHES, HTTP://WWW.MATTHEWHUGHES.CO.UK share:
5.2 Using CSS3 To Resize Images

18. GET STARTED WITH HTML5!
18HTTP://MAKEUSEOF.COM
MATTHEW HUGHES, HTTP://WWW.MATTHEWHUGHES.CO.UK share:
5.3 Test Yourself

19. GET STARTED WITH HTML5!
19HTTP://MAKEUSEOF.COM
MATTHEW HUGHES, HTTP://WWW.MATTHEWHUGHES.CO.UK share:
6. Just Enough Javascript
6.1 Accessing The Console
6.2 Your First Program

20. GET STARTED WITH HTML5!
20HTTP://MAKEUSEOF.COM
MATTHEW HUGHES, HTTP://WWW.MATTHEWHUGHES.CO.UK share:
6.3 Variables In JavaScript
6.4 What Functions Do
6.5 Repeating An Action With A ‘For’ Loop

21. GET STARTED WITH HTML5!
21HTTP://MAKEUSEOF.COM
MATTHEW HUGHES, HTTP://WWW.MATTHEWHUGHES.CO.UK share:
6.6 If Statements
6.7 While Loops

22. GET STARTED WITH HTML5!
22HTTP://MAKEUSEOF.COM
MATTHEW HUGHES, HTTP://WWW.MATTHEWHUGHES.CO.UK share:
6.8 Test yourself

23. GET STARTED WITH HTML5!
23HTTP://MAKEUSEOF.COM
MATTHEW HUGHES, HTTP://WWW.MATTHEWHUGHES.CO.UK share:
7. Creative Canvas
7.1 Getting Started With Canvas
7.2 Shapes And Text

24. GET STARTED WITH HTML5!
24HTTP://MAKEUSEOF.COM
MATTHEW HUGHES, HTTP://WWW.MATTHEWHUGHES.CO.UK share:

25. GET STARTED WITH HTML5!
25HTTP://MAKEUSEOF.COM
MATTHEW HUGHES, HTTP://WWW.MATTHEWHUGHES.CO.UK share:
7.3 A Word On Canvas
7.4 Test Yourself
-

26. GET STARTED WITH HTML5!
26HTTP://MAKEUSEOF.COM
MATTHEW HUGHES, HTTP://WWW.MATTHEWHUGHES.CO.UK share:
8. Where Next?
Guide Published: July 2013

27. Did you like this PDF Guide? Then why not visit MakeUseOf.com for daily posts on
cool websites, free software and internet tips?
If you want more great guides like this, why not subscribe to MakeUseOf and receive
instant access to 50+ PDF Guides like this one covering wide range of topics. More-
over, you will be able to download free Cheat Sheets, Free Giveaways and other cool
things.
Home: http://www.makeuseof.com
MakeUseOf Answers: http://www.makeuseof.com/answers
PDF Guides: http://www.makeuseof.com/pages/
Tech Deals: http://www.makeuseof.com/pages/hot-tech-deals
Follow MakeUseOf:
RSS Feed: http://feedproxy.google.com/Makeuseof
Newsletter: http://www.makeuseof.com/pages/subscribe-to-makeuseof-newsletter
Facebook: http://www.facebook.com/makeuseof
Twitter: http://www.twitter.com/Makeuseof

28. Download Other MakeUseOf PDF Guides!
http://makeuseof.com/pages