Free Tutorials HTML Coding-Programming

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 – These HTML tutorials include beginner, intermediate, and advanced.

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!

Intro to HTML/CSS Learn how to use HTML and CSS to make webpages.

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

Udemy – Learn Html5 & CSS3 from scratch 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

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

HTML Cheat Sheets

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.