Como criar uma lista suspensa com links

Crie uma lista suspensa com links usando HTML e JavaScript.

Passo 1

Abra sua página da web e verifique seu código. Se você usar um editor de texto, basta abrir sua página nesse editor e selecionar a linha onde deseja adicionar o menu suspenso. Se você usar um editor visual (por exemplo, Adobe Dreamweaver ou Microsoft Expression Web), abra sua página ou clique no local desejado para o menu suspenso. Feito isso, mude da visualização gráfica para a visualização de código. Isso mostrará o código HTML que determina o conteúdo e a aparência da sua página.

Passo 2

Pressione "Enter" para criar uma linha em branco.

Passo 3

Copie e cole o código a seguir na linha que você deixou em branco: Selecione o seu link Amostra do site 1 Amostra do site 2 Amostra do site 3

Passo 4

Atualize os parâmetros dos links para corresponder aos seus critérios de design. Digite o texto padrão na parte superior da lista modificando diretamente o valor depois que a tag alterar a URL de cada opção subseqüente, ajustando-a ao parâmetro correspondente e substituindo o texto "Website de amostra" pelo texto que você deseja para seu link. Você também pode alterar o texto do parâmetro value da tag para atualizar o texto que aparece no botão "Enviar".

Passo 5

Salve sua página da web e abra-a no navegador. Selecione uma opção no menu suspenso e clique no botão adjacente para acessar o objeto selecionado.