Ouvrez un éditeur de texte. Vous pouvez ouvrir le Bloc-notes en cliquant sur le menu Démarrer, puis en sélectionnant " Tous les programmes ", puis " Accessoires", puis en cliquant enfin sur "Bloc-notes ".
2
Entrez le code suivant pour créer un carré rouge qui est de 150 pixels sur un côté
< ;/div> Photos
Photos
3
Fermer et enregistrer le document , lorsque vous nommez le fichier , utilisez l'extension ". html" .
4
Ouvrez le fichier dans un navigateur Web. Vous pouvez le faire en faisant glisser le fichier dans une fenêtre de navigateur . Vous devriez voir un carré rouge.
5
Ouvrez à nouveau le fichier dans le Bloc-notes . Insérez le code suivant juste avant le " " tag
bloc : hover . . {Height : 200px ; width: 200px ; }
Ce code indique le carré rouge pour redimensionner elle-même à 200 pixels lorsque l'utilisateur " plane " sur l'élément avec sa souris .
