Comment créer une liste déroulante avec des liens

Créez une liste déroulante avec des liens HTML et JavaScript.

Étape 1

Ouvrez votre page Web et vérifiez votre code. Si vous utilisez un éditeur de texte, ouvrez simplement votre page dans cet éditeur et sélectionnez la ligne à laquelle vous souhaitez ajouter le menu déroulant. Si vous utilisez un éditeur visuel (par exemple, Adobe Dreamweaver ou Microsoft Expression Web), ouvrez votre page ou cliquez sur l'emplacement de votre choix pour le menu déroulant. Une fois que cela est fait, passez de la vue graphique à la vue du code. Cela vous montrera le code HTML qui détermine le contenu et l'apparence de votre page.

Étape 2

Appuyez sur "Entrée" pour créer une ligne vide.

Étape 3

Copiez et collez le code suivant dans la ligne que vous avez laissée vide: Sélectionnez votre lien Exemple de site Web 1 Exemple de site Web 2 Exemple de site Web 3

Étape 4

Mettez à jour les paramètres des liens en fonction de vos critères de conception. Entrez le texte par défaut en haut de la liste en modifiant directement la valeur une fois que la balise a modifié l'URL de chaque option suivante, en l'ajustant au paramètre correspondant et en remplaçant le texte "Exemple de site Web" par le texte de votre choix. Vous pouvez également modifier le texte du paramètre value de la balise pour mettre à jour le texte qui apparaît dans le bouton "Soumettre".

Étape 5

Enregistrez votre page Web et ouvrez-la dans le navigateur. Sélectionnez une option dans le menu déroulant et cliquez sur le bouton adjacent pour accéder à l'objet sélectionné.