Tagi HTML służą do uporządkowania elementów strony internetowej. Istnieją różne tagi, które odgrywają ważną rolę w tworzeniu strony internetowej, w tym

,

, , , , i wiele więcej. Te tagi są używane do różnych celów, na przykład do tworzenia nagłówka,

Tag jest używany do dodania akapitu,

Tag jest używany, a do utworzenia menu używany jest znacznik.

W tym podręczniku omówimy „”Tag. A więc zacznijmy!

Tag HTML

W HTML „The””Tag służy do utworzenia rozwijanego menu, w którym możesz określić liczbę opcji. Wszystkie opcje zostaną dodane między „" I "”Tagi.

Składnia

Składnia metki Select jest podana w następujący sposób:

opcja 1
Opcja 2
…
opcja

W powyższym bloku używane są następujące znaczniki HTML:

• wybierać: Pozwala użytkownikowi wybrać jeden element z predefiniowanej listy.
• opcja: Służy do utworzenia listy opcji, z których użytkownik wybierze tylko jedną opcję.

Przejdźmy do przykładu, w którym użyjemy „„Tag, aby utworzyć menu.

Przykład: Utwórz menu rozwijane za pomocą znacznika

W HTML najpierw utworzymy a i dodamy nagłówek za pomocą

etykietka. Aby ustawić podpis menu, użyjemy znacznika etykiet i napiszemy „Twoje zwierzę zwierząt domowych to:”Jako etykieta. Następnie użyj „”Tag, aby opcje można było wybrać dla użytkownika i przypisać wartości opcji za pomocą„”Tag.

Html

Zwierząt

Twoje imię zwierzaka to:


Kot
Pies
Koza
Krowa

Notatka: Z pomocą „Wybrana opcja Ukryta”, Określamy domyślną opcję menu jako„-Wybierz opcję-". Ponadto, gdy użytkownik wybierze jedną z podanych opcji, zostanie on ukryty.

Poniższy obraz wskazuje, że utworzono menu rozwijane:

W następnym kroku stylizujemy menu rozwijane.

W sekcji CSS użyjemy „div„Aby uzyskać dostęp do utworzonego pojemnika i ustawić kolor tła Div jako„RGB (252, 197, 245)". Ustaw wysokość div jako „270px”I rozmiar czcionki tekstu jako„X-Large". Następnie ustaw granicę wokół szerokości DIV jako „5px”, Styl jako„grzbiet", i kolor "RGB (95, 6, 88)".

CSS

div
kolor tła: RGB (252, 197, 245);
Wysokość: 270px;
Rozmiar czcionki: X-Large;
granica: 5px Ridge RGB (95, 6, 88);

Na zdjęciu poniżej widać, że DIV jest stylizowany:

Teraz użyjemy „wybierać„Aby stylizować menu rozwijane utworzone za pomocą znacznika. Tutaj ustawimy kolor tła menu jako „RGB (222, 194, 218)”I dostosuj granicę, używając szerokości jako„3px”, Styl jako„solidny”, I kolor jako„RGB (56, 5, 68)". Następnie ustaw szerokość jako „300px”, Wysokość jako„300px”I rozmiar czcionki menu jako„duży”:

wybierać
Tło: RGB (222, 194, 218);
granica: 3px stały RGB (56, 5, 68);
szerokość: 300px;
Wysokość: 30px;
Rozmiar czcionki: duży;

Wyjście

Otóż ​​to! Omówiliśmy „„Tag szczegółowo.

Wniosek

W HTML „”Tag jest wykorzystywany do dodania rozwijanego menu. Pozwala użytkownikom wybrać dowolną opcję z predefiniowanej listy utworzonej za pomocą „”Tag. W tym podręczniku omówiliśmy tag i podaliśmy przykład, tworząc i stylizując menu rozwijane.