Dans les exercices qui suivent, vous allez manipuler des balises HTML virtuelles et reconstituer des structures simples par glisser-déposer (drag and drop).
Reconstituer une structure HTML simple
Le premier exercice est accessible à cette adresse : https://graphizm.fr/fcs/drag-and-drop-html/
➜ Il s’agit, en faisant glisser les balises de droite à gauche, de reconstituer schématiquement une structure HTML du type h1-intro-h2-p-p
L’introduction dont il est question est un simple paragraphe dont le contenu est affiché en gras.
Reconstituer une structure HTML plus complexe
Le second exercice développe la structure du premier exemple en ajoutant une feuille de style interne, un second titre h2 avec ses paragraphes puis un script d’animation.
Le premier exercice est accessible à cette adresse : https://graphizm.fr/fcs/drag-and-drop-html-css-js/
➜ Il s’agit cette fois, toujours en faisant glisser les balises de droite à gauche, de reconstituer schématiquement une structure HTML du type h1-intro-h2-p-p-h2-p-p intégrant les éléments ajoutés.
