Html Tutorials

Vanilla HTML Crash Course for Absolute Beginners

If you prefer learning from a video SemiColon published this YouTube tutorial that goes over exactly the same concepts with practical examples.

Your Vanilla HTML Curriculum

<DOCTYPE html> signals to browser to render HTML5 not just HTML.
Tags, self-closing tags, nesting and basic structure.
Attributes (style for applying inline CSS (note: not always best practice but important to know) and event based attributes like onclick, onkeydown, onkeyup, that trigger JavaScript code.)
DOM: This is arguably the most important thing about HTML.
DOM: When you type
it is added in JavaScript as a DOM object.
DOM: HTML attributes are also stored in DOM hierarchy.
DOM: Learn basic JavaScript functions for manipulating DOM elements. They stem from main DOM object document. Its methods and properties can be accessed as document.title or document.querySelector etc.
HTML entities for displaying < and > without transforming into tag.
All commonplace tags: H1-H6, p, b, i, span, pre, table, form, input, code, div, head, samp, kbd (a keyboard key tag.)
Colors. Common HTML names like red, blue, yellow. But also X11 names (CSS3 and SVG1.0) like tomato, cornflowerblue.
CSS color functions: rgb(), rgba()and HEX #RRGGBB values.
Links: tag, target="_blank" to open in new tab.
Lists: