HTML par l’exemple

Le HTML fait partie des langages de programmation utilisés pour réaliser des pages internet. Dans les cours de SNT, au lycée ou même avec certains élèves de primaire, c’est le premier langage qui va être amené à être utilisé. Le problème de la programmation c’est de réussir à rendre concret le code, voir ce qui se passe, le plus rapidement possible.

htmled.it est un éditeur html gratuit en ligne qui propose une approche particulièrement ludique comme on peut le voir dans la fenêtre ci-dessous.

La fenêtre d’édition est scindée en deux parties, la partie de gauche est le résultat, la partie de droite est le code correspondant. La partie gauche ne se contente pas d’afficher, elle propose un éditeur qui va donc modifier la partie de droite pour avoir le code. C’est très intuitif puisqu’on va commencer par changer le texte à gauche ou à droite, comprendre comment est construit un tableau ou encore comment on fait pour mettre une image.

Testé avec des élèves de seconde générale, la prise en main est immédiate, l’élève tâtonne à partir d’un contenu déjà existant et ne se retrouve pas dans la difficulté de devoir tout créer par lui-même.

cliquez ici pour aller sur le site de HTMLed.it