Grasshopper a été créé par une équipe de codeurs passionnés de chez Google travaillant sur un projet expérimental « Area 120 ».  L’objectif de cette application est d’aider les utilisateurs à s'initier au codage de manière simple et amusante. L’application gratuiteest disponible en ligne via son navigateur mais fonctionne également sur smartphone (Android et IOS) afin que vous puissiez transformer vos trajets ou vous moments de détente en temps d'apprentissage.

Glitch est une plateforme collaborative de codage pour créer et partager des applications web. Glitch propose des outils intuitifs pour développer n'importe quel projet HTML CSS Javascript ou site web. Que vous soyez un codeur expert ou que vous n'ayez jamais écrit une seule ligne de code, Glitch vous fournit une palette d’outils basés sur Node.js et c'est gratuit !

Thimble (Mozilla) est un éditeur de code en ligne qui facilite la création et la publication de vos propres pages web tout en apprenant le langage HTML, CSS et le JavaScript. Thimble rend facile la création et le partage de vos sites web. Écrivez et éditez du HTML, du CSS, et du JavaScript directement depuis votre navigateur sur un côté de votre page, avec un aperçu en temps réel sur l'autre côté. Partagez, remixez, répétez !

Brackets est un éditeur open-sourceorienté "web design et développement" pour la conception de pages Web HTML,  CSS et  JavaScript. Brackets est multi-plateformes et est particulièrement adapté au profil d'intégrateur ou de webdesigner ; il a été développé par Adobe et est publié sous une licence MIT. Pour rappel, Les éditeurs de codes comme Sublime Text, NotePad ++ ou Atom permettent d’éditer des textes avec une coloration syntaxique selon le langage choisi.
Brackets dispose d'une interface utilisateur épurée mais trés complète en mode "édition de code". Brackets propose une édition rapide des fichiers ou encore l'affichage d'un nuancier pour faciliter la modification des codes de couleur dans les feuilles de styles éditées.

Ce site vise à vous apprendre les bases de CSS utilisées pour structurer n'importe quel site web. Ce site s'adresse aux personnes ayant une base (notions de sélecteurs, de propriétés et de valeurs). Le CSS ou Littéralement Cascading Style Sheets (feuilles de style en cascade), est un langage déclaratif simple pour mettre en forme des pages HTML ou des documents XML. Le langage CSS permet de préciser les caractéristiques visuelles et sonores de présentation d'une page Web : les polices de caractères, les marges et bordures, les couleurs, le positionnement des différents éléments, etc. Le terme de "Cascading" Style Sheets sous entend qu'il est possible de définir un style pour une page HTML puis, à l'intérieur de cette même page, de fournir des informations plus précises ou différentes pour présenter certains éléments plus distinctement.

CodeLobster PHP est un éditeur gratuit extrêmement fonctionnel et en même temps simple d'utilisation. Cet éditeur gratuit propose, par exemple, de surliger la syntaxe selon le type de code. Le code mixte est aussi pris en charge, de sorte que la zone  HTML soit surlignée avec les normes HTML, le PHP tels que PHP, et Javascript tel que Javascript. On peut également choisir les couleurs du surlignage.

Le HTML par lui-même

FranceTV Education propose une Initiation aux techniques du web et d'internet  sous le forme d'un dossier en ligne à destination des plus jeunes. Le HTML y est personnifié par un super héros qui invite le jeune internaute à le suivre avec la promesse qu’au terme de l’expérience, celui-ci regarde par la fenêtre de son navigateur web avec un regard nouveau, non plus celui d’un utilisateur passif mais d’un véritable acteur du web.