Inhaltsverzeichnis
Wie entsteht ein Dropdown-Menü für deine Webseite?
In diesem wikiHow zeigen wir dir, wie du mit HTML und CSS ein Dropdown-Menü für deine Webseite erstellst. Das Dropdown-Menü wird eingeblendet, wenn jemand mit der Maus über den Button fährt. Sobald es eingeblendet ist, kann der Benutzer auf eine der Optionen darin klicken, um die entsprechende Seite zu öffnen.
Wie öffnet sich ein Drop-Down-Menü?
Dafür klicken Sie mit der „linken Maustaste“ auf „Arten, um eine Webseite zu erstellen“. Durch das anklicken öffnet sich ein Auswahl-Fenster. Dieses Fenster nennt sich Drop-down-Menü. Drop-down ist ein englischer Begriff.
Ist das Dropdown-Menü eingeblendet?
Das Dropdown-Menü wird eingeblendet, wenn jemand mit der Maus über den Button fährt. Sobald es eingeblendet ist, kann der Benutzer auf eine der Optionen darin klicken, um die entsprechende Seite zu öffnen. Öffne deinen HTML Texteditor.
Wie kannst du einen Dropdown-Menü hinzufügen?
Alle Einträge im Menü sollten auf etwas verlinken, sei es eine Seite auf deiner Webseite oder eine externe Webseite. Du kannst dem Dropdown-Menü Einträge hinzufügen, indem du den folgenden Code eingibst und dabei https://www.website.com durch die URL des Links ersetzt (behalte die Anführungszeichen) und „Name“ durch den Namen des Links.
Was fangen wir mit der HTML-Struktur eines Menüs an?
Fangen wir mit der HTML-Struktur eines einfachen Menüs (ohne Untermenüs) an. Wir definieren einen übergeordneten Div-Container ( menu) eine Aufzählungsliste ( ul) mit Listenelementen ( li ), welche von einem Hyperlink ( a) umschlossen sind, damit das gesamte Listenelement und nicht nur der Name klickbar ist.
Wie können sie eine Dropdown-Liste erstellen?
Umfangreiche Dropdown-Menüs mit mehr Funktionen und tiefer Verschachtelung können Sie mit JavaScript und CSS besser realisieren. Einfache Dropdown-Listen können Sie in HTML mit dem Tag aufbauen. Beenden müssen Sie den Abschnitt wieder mit .