SNTWeb

Atelier Web : Éditeur HTML

Expérimente avec le code HTML et CSS en temps réel.

Atelier Web : créer sa première page

Dans cet atelier interactif, le code HTML et CSS se modifie à gauche et le résultat s'affiche instantanément à droite.

Objectifs

  1. Changer le texte du titre <h1>.
  2. Ajouter une image avec <img src="https://placehold.co/100" />.
  3. Changer la couleur du titre en blue dans la section <style>.

Laboratoire du renard

Terrier HTML

Modifie le code et observe la page se construire en direct.

À toi de jouer

Mise en pratique

Essayer d'ajouter un bouton :

<button>Clique-moi !</button>

Puis lui donner un style :

button {
  background: orange;
  border: none;
  padding: 10px 20px;
  border-radius: 5px;
  color: white;
}