Comment exécuter du code HTML

Étapes

1. Partez du modèle de départ ou chargez un projet d'exemple.
2. Modifiez la structure HTML, les styles CSS et le comportement JavaScript.
3. Appuyez sur Exécuter (Ctrl/Cmd + Enter) pour actualiser l'aperçu sandbox.
4. Ouvrez le panneau console pour lire les logs, avertissements et erreurs.
5. Utilisez les contrôles responsifs pour vérifier la mise en page aux largeurs courantes.
6. Formatez, copiez ou téléchargez votre travail en index.html.

Exemple

Exemple — Exécuter

HTML

<button id="demo">Hello</button>

CSS

#demo { padding: 12px 24px; color: white; background: #2563eb; border: 0; border-radius: 8px; }

JavaScript

document.getElementById("demo").addEventListener("click", () => console.log("Hello"));

Collez chaque bloc dans son panneau et lancez le code. Le bouton bleu écrit Hello dans la console après un clic.

Conseil

L'exécution de base de HTML, CSS et JavaScript pour l'aperçu se fait localement dans votre navigateur.

Outils associés