Free HTML Coding Courses and Tutorials

HTML spelled out on a keyboard

HTML5 (Hypertext Markup Language) is the language used to create webpages. HTML is a standardized system for tagging text files to tell a web browser how to display the text and images of a web page such as font, color, graphics, and hyperlinks. “Hypertext” refers to the hyperlinks and “markup language” refers to the way tags are used to define the page layout and elements within the page.

HTML Free Courses & Tutorials

Saylor – HTML and CSS for Beginners – This course provides students with an introduction to the core technologies used to communicate information on the Web: Hypertext Markup Language (HTML) and Cascading Style Sheets (CSS). It includes a course introduction, 5 units, and a final exam.

Codecademy – HTML & CSS – This free course includes 6 units. You can upgrade to Pro if you would like access to the 15 projects, 6 quizzes, and the final project.

HTML Living Standard – 16 units and an index – Learn to Code HTML & CSS – This training includes 10 Lessons and HTML Quick Lists.

HTML Dog – Everything in these beginner, intermediate, and advanced tutorials comply with HTML5. It’s the best, most modern flavor of HTML to use.

Codecademy – HTML Features – Overview of HTML5 features – video, figure, section, nav, header, and footer

edX – HTML5 Introduction – Learn how to build Web sites using HTML5 and basic CSS, directly from W3C, creator of the latest Web standards.

HTML5 Part 1: HTML5 Coding Essentials and Best Practices Learn HTML5 and core Web technologies directly from the organization, W3C, creating them! Learn to code Web pages and Web sites the right way.

HTML5 Part 2: Advanced Techniques for Designing HTML5 Apps – Sharpen your design skills to deliver innovative applications in HTML5!

Udemy – Learn HTML & CSS: How To Start Your Web Development Career – 60 Video Lectures – 4.5 hours total

Udemy – Learn HTML5 & CSS3 from scratch – Embrace the New Global Standard – 19 Video Lectures – 2.5 hours total

Shay Howe – Learn to Code HTML & CSS – Develop & Style Websites – Outlining the fundamentals, this guide works through all common elements of front-end design and development – 12 Lessons

Google’s HTML5 Rocks ~ Open Source ~ Tutorials, resources and the latest HTML5 updates

W3C – HTML Training Pages Links to quick HTML training lessons (summaries with examples) on W3C.

DZone – Core HTML – The Foundation of all Web Development

DZone – HTML5: The Evolution of Web Standards The Next Generation in Web Standards

Intro to HTML – Text Emphasis

Intro to HTML – Lists


Intro to HTML – Images

Intro to HTML – Links

Intro to HTML – Comments

Intro to HTML – Internal Links

Intro to HTML – Tables

HTML Validation – Learn how to use HTML and CSS to make webpages.


HTML Cheat Sheets

Every Valid HTML Tag – The details outlined in this section are part of the latest HTML5 recommendation and includes every valid HTML tag, what they’re used for, and how they can be used. Obsolete or experimental tags, attributes, and uses, are excluded.

Global Attributes – The generalists. You can use any of these attributes with any HTML tag.

HTML Characters – Commonly used characters and codes from the UTF-8 character set, which is used by HTML5 by default. All characters used in HTML can be inserted using an entity number or entity name.

ReviewBox HTML5 Cheat Sheet Speed up your front-end development with this handy HTML5 Cheat Sheet – also available in Spanish.

HTML5 – The Mega Cheat Sheet Tags – Event Attributes – Mobile – Browsers – Canvas

HTML5 Cheat Sheet – This table shows all valid elements in the current HTML5 specification. They are grouped and coloured based on their “Content Model”.

Periodic Table of HTML5 Elements Updated and “tidied up”.

HTML Character Entities Cheat Sheet

HTML5 Cheat Sheet

HTML Codes If you’re looking for some HTML codes to spice up your website, you’ve come to the right place. You will find a variety of HTML tags and tips to assist you below.

HTML5 Doctor – HTML5 Element Index This is a quick reference of elements that are new or have been redefined in HTML5. For each element there is a short description, a link to the specification, and a code example.

HTML5 Doctor – HTML5 Element Flowchart Sectioning Content Elements and Friends

W3C List of HTML and Related Elements from Past to Present – View a list of HTML elements, by type or by alphabetical order, and its definition, point, attributes, examples, and reference.

HTML Glossary – Programming Reference for HTML elements.

HTML5 Canvas

HTML5 Canvas – The second edition of this popular book gets you started with HTML5 Canvas. Learn how to draw, render text, manipulate images, and create animation — all in the course of building several interactive web games throughout the book. This online version of HTML5 Canvas includes 53 interactive examples and exercises.

DZone – HTML5 Canvas – A Web Standard for Dynamic Graphics

HTML5 Canvas Cheat Sheet

Canvas Element – The canvas element is part of HTML5 and allows for dynamic, scriptable rendering of 2D shapes and bitmap images. It is a low level, procedural model that updates a bitmap and does not have a built-in scene graph.

Comparison of Layout Engines (HTML5 Canvas) – These tables compare support for the drawing APIs of the Canvas element, a feature of HTML5. These tables compare native support by web browsers, without any plugins, add-ons or ECMAScript workarounds.

%d bloggers like this: