Comment créer un retournement d`image en utilisant la programmation html

Contenu

Instructions
Conseils & avertissements

div itemprop="description" class="intro marginTop" data-module="article-intro">

Hypertext Markup Language (HTML) est un langage informatique qui est utilisé pour créer des pages Web. Savoir utiliser les codes HTML peuvent vous aider à manipuler vos paramètres de page. Vous pouvez créer un lien d`image qui va changer lorsque les visiteurs se déplacent la souris sur le lien. renversements d`image peuvent être créés en utilisant javascript. Vous pouvez également créer des renversements d`image pour les éléments de menus. Lorsque les visiteurs défiler la souris sur les éléments de menu, l`élément de menu deviendra en surbrillance. Création d`renversements d`image est un bon moyen de donner à vos pages un appel plus professionnel.

Instructions

Démarrez le traitement de texte ou un éditeur de texte que vous allez utiliser pour créer votre page Web et ouvrez la page. Ajouter l`image désirée et l`inclure à l`intérieur du
Étiquette. Après le nom de l`image, le type NAME ="rouler".
Type avant le
Étiquette. Remplacer le point d`interrogation à l`adresse de la page Web que vous souhaitez avoir apparaissent quand un visiteur clique sur l`image. Type après l`image.
Vérifiez que votre texte ressemble à ce qui suit:
Tapez onmouseover = `rollover.src ="?" «À l`intérieur de la balise. Remplacer le point d`interrogation à l`emplacement de l`image que vous souhaitez avoir apparaissent quand un visiteur déplace la souris sur l`image originale.
Tapez onmouseout = `rollover.src ="?" «Remplacer le point d`interrogation avec l`emplacement de l`image qui a été ajouté à l`étape 1.
Vérifiez que votre texte ressemble à ce qui suit:
onmouseout = `rollover.src ="images / photo.jpg" `Gt;
Ouvrez un nouveau navigateur Web pour vérifier que votre page Web affiche l`image que vous utilisez pour votre image rollover. Testez votre site et vérifier que les visiteurs peuvent se déplacer la souris sur l`image et il va changer à l`image que vous avez spécifié.