Introduction to Web development

Whether you're just getting started with Web development, or are just expanding your horizons into new realms of Web awesomeness, the links here should help you get started.

For another (overlapping) set of links to learning resources, see the MDN Learning pages.

Note: The recommended resources on this page are subject to change.

Documentation topics

HTML

The basics of Hypertext Mark-up Langage (HTML) — what exactly is HTML?
Basic structure of a web page — the doctype and document 'tree'
Fundamental HTML elements — structural, head, list, form elements and more, explained by category.
HTML beginners tutorial — a tutorial and exercise that recap and take you through the basics you've learned above.
HTML elements reference guide — a comprehensive guide to HTML elements with details on how browsers support them

CSS

Getting started with CSS — an absolute beginners guide to CSS covers basic concepts and fundamentals
CSS reference guide — a complete guide to CSS with details on the level of Gecko/Firefox support for each.
The W3C introduction to styling with CSS — a brief guide to styling web pages for beginners.
Common CSS questions — common questions and answers for beginners
Intermediate CSS concepts — grouping, pseudo-classes and more.

JavaScript

Beginning

Getting started with JavaScript — what is JavaScript and how can it help you?
JavaScript reference guide — a comprehensive, regularly updated guide to JavaScript for all levels of learning from beginner to advanced.
Crockford on JavaScript — an in-depth video series on the JavaScript language.
Eloquent JavaScript — a comprehensive guide to intermediate and advanced JavaScript methodologies

Intermediate

A re-introduction to JavaScript — a recap on the JavaScript programming language aimed at intermediate-level developers
Essential JavaScript design patterns — an introduction to essential JavaScript design patterns
Introduction to object-oriented JavaScript — learn about the JavaScript object model.
Christian Heilmann's JavaScript best practices — learn about some of the obvious and (not so) obvious best practices when writing JavaScript.

Advanced

Learning advanced JavaScript — John Resig's guide to advanced JavaScript
Crockford on Advanced JavaScript — a three part video series on advanced JavaScript concepts
JavaScript Garden — Documentation of the most quirky parts of JavaScript.

Resources

W3C Web Education Community Group Wiki: Covers web design, HTML and HTML5, CSS, JavaScript and accessibility. This is a good starting point for beginners wishing to learn web development fundamentals across a number of areas.
SitePoint: A reliable reference site for learning HTML, CSS and JavaScript which also mentions feature support across different browsers and known browser bugs.
HTMLDog: An excellent and comprehensive reference site on HTML and CSS for beginners.
Google's HTML, CSS, and Javascript from the Ground Up: These easily digestible video tutorials from Google's expert web developers cover the basics of HTML, CSS and JavaScript.
CSSTutorial.net Beginner Tutorials: A broad range of useful text and video tutorials that cover the basics through to intermediate aspects of CSS.
Tizag CSS Tutorials: An easy-to-follow reference for those wishing to learn CSS through short, concise tutorials.
jQuery Fundamentals: An open-source reference book featuring detailed introductions to both JavaScript and JQuery for beginners.
JavaScript From Null: A Video Series: A video series on JavaScript for absolute beginners looking for more 'visual'-based learning