Les balises HTML sont utilisées pour organiser les éléments d'une page Web. Il existe différentes balises qui jouent un rôle important pour créer une page Web, notamment

,

, , , , et beaucoup plus. Ces balises sont utilisées à différentes fins, comme pour créer un titre, le

La balise est utilisée, pour ajouter un paragraphe, le

La balise est utilisée, et pour créer un menu, la balise est utilisée.

Dans ce manuel, nous discuterons spécifiquement du «" étiqueter. Alors, commençons!

Tag html

Dans HTML, le «»Tag est utilisé pour créer un menu déroulant où vous pouvez spécifier le nombre d'options. Toutes les options seront ajoutées entre le "" et "" Mots clés.

Syntaxe

La syntaxe de la balise de sélection est donnée comme suit:

Option 1
Option 2
…
optionN

Dans le bloc ci-dessus, les balises HTML suivantes sont utilisées:

• sélectionner: Il permet à l'utilisateur de sélectionner un élément dans la liste prédéfinie.
• option: Il est utilisé pour créer une liste d'options à partir desquelles l'utilisateur ne sélectionnera qu'une seule option.

Passons à l'exemple où nous utiliserons le «”Tag pour créer un menu.

Exemple: créez un menu déroulant à l'aide de la balise

Dans le HTML, nous allons d'abord créer A et ajouter une rubrique en utilisant le

étiqueter. Pour définir la légende du menu, nous utiliserons une balise d'étiquette et écrivons "Le nom de votre animal de compagnie est:"Comme l'étiquette. Après cela, utilisez le «”TAG pour rendre les options sélectionnables pour l'utilisateur et attribuer les valeurs d'option avec le«" étiqueter.

Html

Animaux

Votre nom de compagnie est:


Chat
Chien
Chèvre
Vache

Note: Avec l'aide du «option cachée sélectionnée», Nous spécifions l'option par défaut du menu comme«-choisis une option-". De plus, lorsqu'un utilisateur sélectionne l'une des options données, elle sera cachée.

L'image fournie ci-dessous indique que le menu déroulant a été créé:

Dans l'étape suivante, nous allons styliser le menu déroulant.

Dans la section CSS, nous utiliserons "div«Pour accéder au conteneur créé et définir la couleur d'arrière-plan de la div comme«RVB (252, 197, 245)". Réglez la hauteur de la div comme «270px»Et la taille de la police du texte comme«gigantesque". Après cela, placez la bordure autour de la largeur de la div comme «5px», Style comme«crête", et couleur "RVB (95, 6, 88)".

CSS

div
Color en arrière-plan: RVB (252, 197, 245);
hauteur: 270px;
taille de police: X-plus;
Border: 5px Ridge RVB (95, 6, 88);

Dans l'image ci-dessous, vous pouvez voir que la div est stylée:

Maintenant, nous utiliserons le «sélectionner”Pour styliser le menu déroulant créé à l'aide de la balise. Ici, nous allons définir la couleur d'arrière-plan du menu comme «RVB (222, 194, 218)«Et ajustez la bordure en utilisant la largeur comme«3px», Style comme«solide», Et la couleur comme«RVB (56, 5, 68)". Après cela, définissez la largeur comme «300px", Hauteur comme"300px», Et la taille de la police du menu comme«grand»:

sélectionner
Contexte: RVB (222, 194, 218);
Border: 3px RVB solide (56, 5, 68);
Largeur: 300px;
hauteur: 30px;
taille de police: grand;

Sortir

C'est ça! Nous avons discuté du «”Tag en détail.

Conclusion

Dans le HTML, le «»La balise est utilisée pour ajouter un menu déroulant. Il permet aux utilisateurs de sélectionner n'importe quelle option dans la liste prédéfinie créée à l'aide du "" étiqueter. Dans ce manuel, nous avons discuté de la balise et fourni un exemple en créant et en stylisant le menu déroulant.