12 best free html5 resources for beginners

11/11/2016 12 Best Free HTML5 Resources For Beginners

https://blog.designveloper.com/2016/09/23/html5-resources-for-beginners/ 1/15

Í

12 Best Free HTML5 Resources For

Beginners

Sooner or later, HTML5 is going to strengthen its position even further, then, one way or another, you

still have to learn it anyway. There is a saying that goes: “If you are not ahead of the times, you are

behind them”. So, why don’t you learn it now, then you will be the master in future!

With this in mind, I’ve rounded up top 12 brilliant, useful HTML5 resources which could help you

shorten the time you will take to learn this awesome technology. Let’s roll!

HT M L5 R oc ks ( h t t p : // w w w. h t m l 5 roc ks . c om / en / )

H T M L 5 ( H T T P S : / / B L O G . D E S I G N V E L O P E R . C O M / C A T E G O R Y / H T M L 5 / )

B y V a n D o ( h t t p s : // b l o g . d e s i g n v e l o p e r . c o m / a u t h o r / v a n d o / ) o n S e p t e m b e r 2 3 , 2 0 1 6

Û

Í



HTML5 Rocks is an awesome resource where you can get all information on specific features of

HTML5 and how to use them in your projects. The site has a “code playground” providing users

environment to experiment with the tags and get the results immediately. Besides, several web page

layouts are also provided.

HT M L G ood i es

( h t t p : // w w w. h t m l g ood i es . c om / h t m l 5 / i n dex . p h p )

Í



Let’s take a look at the sections on the left side of the page, you can see that they are categorized into

basics, tutorials, questions and answers, etc. HTML Goodies is absolutely a great place for beginners

to get their feet wet with and to quickly gain knowledge about all features of HTML5.

HT M L5 Tu tor i a l s ( h t t p : // w w w. h t m l - 5 -

t u to r i a l . c om / )

Í



From all resources I saw, this site is still one of my best resources to learn the basics of HTML5. If you

are a beginner in HTML5 and want a solid start in a short time , then HTML5 Tutorials is a good fit for

you.

HT M L5 D oc tor ( h t t p : // h t m l 5 doc tor. c om / )

Í



If you’re learning HTML5, you can’t avoid mentioning HTML5 Doctor. With the slogan “helping you in

implement HTML5 today”, this page gives you everything you need as well as an awesome “Ask the

doctor” Q&A section in which you can find solve all your problems by excellent expert around. What a

brilliant resource!

HT M L5 C h ea t S h eet

( h t t p s : // w w w. s m a s h i n g m a g a z i n e . c om / 2 0 0 9 / 0 7 / h t m l -

5 - c h ea t - s h eet - p df / )

Í



Its name said it all. It’s just a HTML5 cheat sheet in PDF format that can be printable for use when you

are offline. This sheet lists all currently supported tags, their descriptions, attributes, and their support

in HTML4.

HT M L5 P l ea s e ( h t t p : // h t m l 5 p l ea s e . c om / )

Í



Choosing and looking up features of HTML5 to use is much easier with this great resource. It also

provides advice in making decisions about how to implement the computer language into your

projects.

HT M L5 & Fr i en ds

Í



This website is clean and extremely easy to navigate, using symbols, lists and a simple grid to lead to

you the desired information.

D i ve In to HT M L5 ( h t t p : // d i ve i n toh t m l 5 . i n f o / )

Í



For those who prefer reading book, this is a good one you must have. This online book from Mark

Pilgrim will help you really get to grips with the basics of HTML5.

T h eC odeP l ayer ( h t t p : // t h ec odep l ayer. c om / )

Í



With video style walkthroughs showing cool stuff being created from scratch, TheCodePlayer allows

you to learn not only HTML5, but also JavaScript, CSS in special way.

Here are some informative articles you should dig deep into for a better understanding of HTML5:

HT M L5 a n d t h e f u t u re o f t h e w eb

( h t t p s : // w w w. s m a s h i n g m a g a z i n e . c om / 2 0 0 9 / 0 7 / h t m l 5 -

a n d- t h e- f u t u re- of - t h e- w eb / )

Í



This one gives you a basic and detailed introduction to HTML5 and its features.

Qu i c k g u i de to HT M L5 ( h t t p : // w w w. p oc ket -

l i n t . c om / n ew s / 1 0 1 8 1 9 - a - q u i c k- g u i de- to- h t m l 5 )

Í



The article brings to you an insightful look at the capabilities of HTML5, while describing potential

application that will come out of it.

Yes , you c a n u s e HT M L5 today

( h t t p s : // w w w. s i t ep o i n t . c om / h t m l - 5 - s n a p s h ot -

2 0 0 9 / )

Í



A must read for a novice web developer, the article explores the potential of HTML5. It also probes

several new features of HTML5, and point out how the language can be easily used by newbies.

There’s a ton of free beginner HTML5 tutorials out there for you to choose and they will help you gain a

solid understanding of HTML5. This is my favorite list. How about you? Did you have any “I can’t

believe you didn’t put it on your top 12” resources? Feel free to share your secret weapon in the

comments below!

Í

Technology

12 best free html5 resources for beginners