Programming Books

6 Excellent Free Books to Learn HTML

Last Updated on October 17, 2023

HyperText Markup Language (HTML) is used to create web pages and other information that is intended for display in a web browser. Each markup code is known as an element or a tag. The web developer uses these elements to describe and define the content of a webpage. The elements tell the web browser how to display the information (both text and images) to the user.

HTML has seen a number of revisions. HTML5 is the fifth revision of the HTML standard. HTML5 makes for a rich user experience with the canvas and SVG elements, native elements video and audio which allow video and audio to be placed directly in the HTML code. Other important new features include web storage, which offers a more secure and faster alternative than cookies, and geolocation, the heart of every location-based application.

HTML is the markup language, Cascading Style Sheets (CSS) determines how it is rendered, and JavaScript is the programming language. HTML5, CSS3, and JavaScript are open, efficient and reliable web standards and allow web designers to create advanced web sites with creative graphics, animations, transitions and typography.

Here’s our recommended books to learn HTML.


1. Dive into HTML5 by Mark Pilgrim

Dive into HTML5Dive Into HTML5 elaborates on a hand-picked selection of features from the HTML5 specification and other fine standards. This concise guide is a complete and authoritative book on the subject.

This book focuses solely on HTML5, not previous versions of HTML, and not any version of XHTML.

Mark Pilgrim works as a developer advocate for Google, specializing in open source and open standards. The community has made contributions to the book.

Chapters cover:

  • Introduction – explains that HTML5 is a collection of individual features such as canvas, video, local storage, and geolocation, that it’s easy to ‘upgrade’ to HTML5, and well supported by popular web browsers.
  • History of HTML5 – includes an account of why HTML piques the author’s interest.
  • Detecting HTML5 Features – looks at detection techniques, Modernizr (an HTML5 detection library), canvas, canvas text, video, video formats, local storage, web workers, offline web .applications, geolocation, input types, placeholder text, form autofocus, microdata, and HTML5 history API.
  • What Does It All Mean? – takes an HTML page that has absolutely nothing wrong with it, and improves it.
  • Let’s Call It a Draw(ing Surface) – focuses on the canvas element.
  • Video in a Flash – HTML5 defines a standard way to embed video in a web page, using a <video> element.
  • You Are Here (And So Is Everybody Else) – looks at geolocation, the art of figuring out where you are in the world and (optionally) sharing that information with people you trust.
  • Persistent local storage – HTML5 storage, a specification named Web Storage. It’s a way for web pages to store named key/value pairs locally, within the client web browser.
  • Taking it Offline – talks about offline web applications, the cache manifest, the offline application cache, and builds the Halma game (introduced in the canvas chapter) offline.
  • A Form of Madness – looks at web forms and the new input types used in HTML5.
  • “Distributed”, “Extensibility,” And Other Fancy Words – focuses on microdata, annotates the DOM with scoped name/value pairs from custom vocabularies.
  • Manipulating History for Fun & Profit – the HTML5 history API.
  • Appendix: The All-In-One Almost-Alphabetical Guide to Detecting Everything.
  • Appendix: HTML5 Peeks, Pokes, and Pointers.

This online work is released under the CC-BY-3.0 license. There’s also a printed version to buy titled “HTML5: Up & Running” which is not released under a freely distributable license.

Read the book


2. DOM Enlightenment by Cody Lindley

DOM EnlightenmentDOM Enlightenment is an exhaustive book written about Document Object Model (DOM) scripting without the use of a library/framework.

Chapters cover:

  • Node Overview – covers node object types, sub-node objects inherit from the Node object, properties and methods for working nodes, identifying the type and name of a node, getting a nodes value, creating element and text nodes using JavaScript methods, creating and adding element and text nodes to the DOM using JavaScript strings, extracting parts of the DOM tree as JavaScript strings, and more.
  • Document Nodes – including HTMLDocument properties and methods, document child nodes, and detecting DOM specifications/features using document.implementation.hasFeature().
  • Element Nodes – Elements in an HTML document all have a unique nature and as such they all have a unique JavaScript constructor that instantiates the element as a node object in a DOM tree.
  • Element Node Selecting – leverages querySelector() and getElementById() to select an element node from the HTML document.
  • Element Node Geometry & Scrolling Geometry.
  • Element Node Inline Styles.
  • Text Nodes – shows the reader how to create and inktext text nodes, manipulate text modes, remove markup, split a text node.
  • DocumentFragment Nodes – the creation and use of a DocumentFragment node provides a light weight document DOM that is external to the live DOM tree.
  • CSS Style Sheets & CSS rules – examining CSSStyleRule, inserting and deleting CSS rules in a style sheet, creating a new inline CSS style sheet and more.
  • JavaScript in the DOM – inserting and executing JavaScript.
  • DOM Events – looks at the event flow, adding and removing event listeners, stopping the event flow, and custom events.
  • Creating dom.js – a wishful jQuery inspired DOM Library for modern browsers.

The DOM Enlightenment HTML version is released under a Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 unported license.

Read the book


3. HTML5 Shoot ’em Up in an Afternoon by Bryan Bibat

HTML5 Shoot ’em Up in an AfternoonHTML5 Shoot ’em Up in an Afternoon is targeted at individuals who want to learn the basic concepts behind creating games. As a workshop manual, it’s also for experienced developers interested in introducing those concepts to those people.

The book introduces the reader to HTML5 and game development by constructing a shoot-em-up game similar to the classic game 1942. The book offers good coverage on sprites, player actions, object groups, refactoring, expanding the game, and more.

This work is licensed under the Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.

Read the book


Next page: Page 2 – HTML5 Quick Learning Guide and more books

Pages in this article:
Page 1 – Dive into HTML5 and more books
Page 2 – HTML5 Quick Learning Guide and more books


All books in this series:

Free Programming Books
AdaALGOL-like programming language, extended from Pascal and other languages
AgdaDependently typed functional language based on intuitionistic Type Theory
ArduinoInexpensive, flexible, open source microcontroller platform
AssemblyAs close to writing machine code without writing in pure hexadecimal
AwkVersatile language designed for pattern scanning and processing language
BashShell and command language; popular both as a shell and a scripting language
BASICBeginner’s All-purpose Symbolic Instruction Code
CGeneral-purpose, procedural, portable, high-level language
C++General-purpose, portable, free-form, multi-paradigm language
C#Combines the power and flexibility of C++ with the simplicity of Visual Basic
ClojureDialect of the Lisp programming language
ClojureScriptCompiler for Clojure that targets JavaScript
COBOLCommon Business-Oriented Language
CoffeeScriptTranscompiles into JavaScript inspired by Ruby, Python and Haskell
CoqDependently typed language similar to Agda, Idris, F* and others
CrystalGeneral-purpose, concurrent, multi-paradigm, object-oriented language
CSSCSS (Cascading Style Sheets) specifies a web page’s appearance
DGeneral-purpose systems programming language with a C-like syntax
DartClient-optimized language for fast apps on multiple platforms
DylanMulti-paradigm language supporting functional and object-oriented coding
ECMAScriptBest known as the language embedded in web browsers
EiffelObject-oriented language designed by Bertrand Meyer
ElixirRelatively new functional language running on the Erlang virtual machine
ErlangGeneral-purpose, concurrent, declarative, functional language
F#Uses functional, imperative, and object-oriented programming methods
FactorDynamic stack-based programming language
ForthImperative stack-based programming language
FortranThe first high-level language, using the first compiler
GoCompiled, statically typed programming language
GroovyPowerful, optionally typed and dynamic language
HaskellStandardized, general-purpose, polymorphically, statically typed language
HTMLHyperText Markup Language
IconWide variety of features for processing and presenting symbolic data
JArray programming language based primarily on APL
JavaGeneral-purpose, concurrent, class-based, object-oriented, high-level language
JavaScriptInterpreted, prototype-based, scripting language
JuliaHigh-level, high-performance language for technical computing
KotlinMore modern version of Java
LabVIEWDesigned to enable domain experts to build power systems quickly
LaTeXProfessional document preparation system and document markup language
LispUnique features - excellent to study programming constructs
LogoDialect of Lisp that features interactivity, modularity, extensibility
LuaDesigned as an embeddable scripting language
MarkdownPlain text formatting syntax designed to be easy-to-read and easy-to-write
Objective-CObject-oriented language that adds Smalltalk-style messaging to C
OCamlThe main implementation of the Caml language
PascalImperative and procedural language designed in the late 1960s
PerlHigh-level, general-purpose, interpreted, scripting, dynamic language
PHPPHP has been at the helm of the web for many years
PostScriptInterpreted, stack-based and Turing complete language
PrologA general purpose, declarative, logic programming language
PureScriptSmall strongly, statically typed language compiling to JavaScript
PythonGeneral-purpose, structured, powerful language
QMLHierarchical declarative language for user interface layout - JSON-like syntax
RDe facto standard among statisticians and data analysts
RacketGeneral-purpose, object-oriented, multi-paradigm, functional language
RakuMember of the Perl family of programming languages
RubyGeneral purpose, scripting, structured, flexible, fully object-oriented language
RustIdeal for systems, embedded, and other performance critical code
ScalaModern, object-functional, multi-paradigm, Java-based language
SchemeA general-purpose, functional language descended from Lisp and Algol
ScratchVisual programming language designed for 8-16 year-old children
SQLAccess and manipulate data held in a relational database management system
Standard MLGeneral-purpose functional language characterized as "Lisp with types"
SwiftPowerful and intuitive general-purpose programming language
TclDynamic language based on concepts of Lisp, C, and Unix shells
TeXMarkup and programming language - create professional quality typeset text
TypeScriptStrict syntactical superset of JavaScript adding optional static typing
ValaObject-oriented language, syntactically similar to C#
VHDLHardware description language used in electronic design automation
VimLPowerful scripting language of the Vim editor
XMLRules for defining semantic tags describing structure ad meaning
Subscribe
Notify of
guest

This site uses Akismet to reduce spam. Learn how your comment data is processed.

0 Comments
Inline Feedbacks
View all comments