HTML -Tags werden verwendet, um die Elemente einer Webseite zu organisieren. Es gibt verschiedene Tags, die beim Erstellen einer Webseite eine wichtige Rolle spielen, einschließlich

,

, , , , und viele mehr. Diese Tags werden für verschiedene Zwecke verwendet, z. B. zum Erstellen einer Überschrift, die

Tag wird verwendet, um einen Absatz hinzuzufügen, die

Das Tag wird verwendet, und zum Erstellen eines Menüs wird das Tag verwendet.

In diesem Handbuch werden wir speziell die “diskutieren“" Schild. So lass uns anfangen!

HTML -Tag

In HTML die “Das Tag wird verwendet, um ein Dropdown-Menü zu erstellen, in dem Sie die Anzahl der Optionen angeben können. Alle Optionen werden zwischen dem hinzugefügt" Und "" Stichworte.

Syntax

Die Syntax des Select -Tags wird wie folgt angegeben:

Option 1
Option 2
…
Optionn

Im obigen Block werden die folgenden HTML -Tags verwendet:

• wählen: Damit kann der Benutzer ein Element aus der vordefinierten Liste auswählen.
• Möglichkeit: Es wird verwendet, um eine Liste von Optionen zu erstellen, aus denen der Benutzer nur eine Option auswählt.

Lassen Sie uns zu dem Beispiel wechseln, in dem wir das verwenden werden”Tag, um ein Menü zu erstellen.

Beispiel: Erstellen Sie ein Dropdown-Menü mit dem Tag mit dem Tag

In der HTML werden wir zunächst eine Überschrift mit dem erstellen und eine Überschrift hinzufügen

Schild. Um die Bildunterschrift des Menüs festzulegen, verwenden wir ein Etikett -Tag und schreiben “Ihr Haustiername lautet:”Als Etikett. Danach benutzen Sie die “”Tag, um die Optionen für den Benutzer auszuwählen und die Optionswerte mit der“ zuweisen" Schild.

Html

Tiere

Ihr Haustier Name ist:


Katze
Hund
Ziege
Kuh

Notiz: Mit Hilfe der “Option versteckt ausgewählt"Wir geben die Standardoption des Menüs als" an "an"-wähle eine Option-”. Wenn ein Benutzer eine der angegebenen Optionen auswählt, wird dies außerdem versteckt sein.

Das folgende Bild zeigt an, dass das Dropdown-Menü erstellt wurde:

Im nächsten Schritt werden wir das Dropdown-Menü stylen.

Im CSS -Abschnitt werden wir verwenden “div”Zu Zugang zum erstellten Container und festlegen die Hintergrundfarbe der DIV als"RGB (252, 197, 245)”. Stellen Sie die Höhe der Div als "ein"270px"Und die Schriftgröße des Textes als"x-large”. Danach stellen Sie die Grenze um die Div -Breite als "5px", Stil als"Grat", und Farbe "RGB (95, 6, 88)”.

CSS

div
Hintergrundfarbe: RGB (252, 197, 245);
Höhe: 270px;
Schriftgröße: x-large;
Grenze: 5px Ridge RGB (95, 6, 88);

Im folgenden Bild können Sie sehen, dass die DIV gestaltet ist:

Jetzt werden wir das verwenden “wählen”Um das mit dem Tag erstellte Dropdown-Menü zu stylen. Hier setzen wir die Hintergrundfarbe des Menüs als "RGB (222, 194, 218)"Und passen Sie den Rand an, indem Sie die Breite als" als "verwenden"3px", Stil als"solide", Und Farbe als"RGB (56, 5, 68)”. Danach setzen Sie die Breite als "300px", Höhe als"300px”Und Schriftgröße des Menüs als“groß”:

wählen
Hintergrund: RGB (222, 194, 218);
Grenze: 3px fester RGB (56, 5, 68);
Breite: 300px;
Höhe: 30px;
Schriftgröße: groß;

Ausgang

Das ist es! Wir haben die "besprochen"”Tag im Detail.

Abschluss

In der HTML, die “Das Tag wird verwendet, um ein Dropdown-Menü hinzuzufügen. Dadurch können Benutzer eine Option aus der vordefinierten Liste mit Hilfe der “auswählen" Schild. In diesem Handbuch haben wir das Tag besprochen und ein Beispiel gegeben, indem wir das Dropdown-Menü erstellen und gestylen.