Tags HTML são usadas para organizar os elementos de uma página da web. Existem várias tags que desempenham um papel importante na criação de uma página da web, incluindo

,

, , , , e muitos mais. Essas tags são usadas para diferentes propósitos, como para criar um título, o

tag é usado, para adicionar um parágrafo, o

A tag é usada e, para criar um menu, a tag é usada.

Neste manual, discutiremos especificamente o “" marcação. Então vamos começar!

Tag html

Em HTML, o “”A tag é usada para criar um menu suspenso, onde você pode especificar o número de opções. Todas as opções serão adicionadas entre o “" e "" Tag.

Sintaxe

A sintaxe da tag de seleção é dada da seguinte forma:

Opção 1
opção 2
..
optionn

No bloco acima, as seguintes tags HTML são usadas:

• Selecione: Ele permite ao usuário selecionar um item na lista predefinida.
• opção: É usado para criar uma lista de opções a partir das quais o usuário selecionará apenas uma opção.

Vamos passar para o exemplo para onde usaremos o “”Tag para criar um menu.

Exemplo: Crie um menu suspenso usando tag

No HTML, primeiro, criaremos um e adicionaremos um título usando o

marcação. Para definir a legenda do menu, usaremos uma tag de etiqueta e escreveremos “Seu nome de animal de estimação é:”Como o rótulo. Depois disso, use o “”Tag para tornar as opções selecionáveis ​​para o usuário e atribuir os valores da opção com o“" marcação.

Html

Animais

O nome do seu animal de estimação é:


Gato
Cachorro
Cabra
Vaca

Observação: Com a ajuda do “opção oculta selecionada”, Estamos especificando a opção padrão do menu como“-escolha uma opção-”. Além disso, quando um usuário seleciona uma das opções fornecidas, ele será oculto.

A imagem abaixo fornecida indica que o menu suspenso foi criado:

Na próxima etapa, iremos estilizar o menu suspenso.

Na seção CSS, usaremos “div”Para acessar o contêiner criado e definir a cor de fundo da div como“RGB (252, 197, 245)”. Defina a altura da div como “270px”E o tamanho da fonte do texto como“extra grande”. Depois disso, defina a fronteira em torno da largura da div como “5px", Estilo como"cume", e cor "RGB (95, 6, 88)”.

CSS

div
Background-Color: RGB (252, 197, 245);
Altura: 270px;
tamanho de fonte: x-large;
fronteira: 5px Ridge RGB (95, 6, 88);

Na imagem abaixo fornecida, você pode ver que a div está estilizada:

Agora, usaremos o “Selecione”Para estilizar o menu suspenso criado usando a tag. Aqui, definiremos a cor de fundo do menu como “RGB (222, 194, 218)”E ajuste a borda usando a largura como“3px", Estilo como"sólido”E cor como“RGB (56, 5, 68)”. Depois disso, defina a largura como “300px", Altura como"300px”, E o tamanho da fonte do menu como“grande”:

Selecione
Antecedentes: RGB (222, 194, 218);
borda: 3px RGB sólido (56, 5, 68);
Largura: 300px;
Altura: 30px;
tamanho de fonte: grande;

Saída

É isso! Nós discutimos o “”Tag em detalhes.

Conclusão

No HTML, o “”A tag é utilizada para adicionar um menu suspenso. Ele permite que os usuários selecionem qualquer opção da lista predefinida criada com a ajuda do “" marcação. Neste manual, discutimos a tag e fornecemos um exemplo criando e estilizando o menu suspenso.