Las etiquetas HTML se utilizan para organizar los elementos de una página web. Hay varias etiquetas que juegan un papel importante para crear una página web, incluida

,

, , , , y muchos más. Estas etiquetas se utilizan para diferentes propósitos, como para crear un encabezado, el

Se usa la etiqueta, para agregar un párrafo, el

Se utiliza la etiqueta y para crear un menú, la etiqueta se usa.

En este manual, discutiremos específicamente el "" etiqueta. Entonces, comencemos!

Etiqueta HTML

En HTML, el ""La etiqueta se usa para crear un menú desplegable donde puede especificar el número de opciones. Todas las opciones se agregarán entre el "" y ""Etiquetas.

Sintaxis

La sintaxis de la etiqueta Seleccionar se da de la siguiente manera:

Opción 1
opcion 2
…
opción

En el bloque anterior, se utilizan las siguientes etiquetas HTML:

• seleccionar: Permite al usuario seleccionar un elemento de la lista predefinida.
• opción: Se utiliza para crear una lista de opciones desde las cuales el usuario seleccionará solo una opción.

Pasemos al ejemplo donde usaremos el ""Etiqueta para crear un menú.

Ejemplo: cree un menú desplegable con la etiqueta

En el HTML, primero, crearemos un y agregaremos un encabezado usando el

etiqueta. Para establecer el título del menú, usaremos una etiqueta de etiqueta y escribiremos "El nombre de tu animal de mascota es:"Como la etiqueta. Después de eso, usa el ""Etiqueta para hacer que las opciones sean seleccionables para el usuario y asignar los valores de opción con el"" etiqueta.

Html

Animales

El nombre de su mascota es:


Gato
Perro
Cabra
Vaca

Nota: Con la ayuda del "Opción Oculta seleccionada", Estamos especificando la opción predeterminada del menú como"-Escoge una opción-". Además, cuando un usuario selecciona una de las opciones dadas, se ocultará.

La imagen proporcionada a continuación indica que se ha creado el menú desplegable:

En el siguiente paso, peinaremos el menú desplegable.

En la sección CSS, usaremos "div"Para acceder al contenedor creado y establecer el color de fondo del DIV como"RGB (252, 197, 245)". Establezca la altura del Div como "270px"Y el tamaño de la fuente del texto como"largo X". Después de eso, coloque la frontera alrededor del ancho del Div como "5px", Estilo como"cresta", y color "RGB (95, 6, 88)".

CSS

div
Color de fondo: RGB (252, 197, 245);
Altura: 270px;
tamaño de fuente: X-Large;
borde: 5px cresta RGB (95, 6, 88);

En la imagen proporcionada a continuación, puede ver que el DIV está diseñado:

Ahora, usaremos el "seleccionar"Para peinar el menú desplegable creado con la etiqueta. Aquí, estableceremos el color de fondo del menú como "RGB (222, 194, 218)"Y ajuste el borde usando el ancho como"3px", Estilo como"sólido", Y color como"RGB (56, 5, 68)". Después de eso, establezca el ancho como "300px", Altura como"300px", Y tamaño de fuente del menú como"grande":

seleccionar
Antecedentes: RGB (222, 194, 218);
borde: 3px sólido RGB (56, 5, 68);
Ancho: 300px;
Altura: 30px;
tamaño de fuente: grande;

Producción

Eso es todo! Hemos discutido el ""Etiqueta en detalle.

Conclusión

En el HTML, el "Se utiliza la etiqueta para agregar un menú desplegable. Permite a los usuarios seleccionar cualquier opción de la lista predefinida creada con la ayuda del "" etiqueta. En este manual, hemos discutido la etiqueta y proporcionamos un ejemplo creando y diseñando el menú desplegable.