Jak utworzyć listę rozwijaną z linkami

Utwórz rozwijaną listę z łączami za pomocą HTML i JavaScript.

Krok 1

Otwórz swoją stronę i sprawdź swój kod. Jeśli używasz edytora tekstu, po prostu otwórz stronę w tym edytorze i wybierz linię, do której chcesz dodać menu rozwijane. Jeśli używasz edytora wizualnego (na przykład Adobe Dreamweaver lub Microsoft Expression Web), otwórz stronę lub kliknij lokalizację, którą chcesz dla rozwijanego menu. Gdy to zrobisz, przełącz się z widoku graficznego na widok kodu. Spowoduje to wyświetlenie kodu HTML, który określa zawartość i wygląd strony.

Krok 2

Naciśnij "Enter", aby utworzyć pustą linię.

Krok 3

Skopiuj i wklej następujący kod w pustej linii: Wybierz swój link Przykładowa strona internetowa 1 Przykładowa strona internetowa 2 Przykładowa strona internetowa 3

Krok 4

Zaktualizuj parametry linków, aby pasowały do ​​twoich kryteriów projektowych. Wprowadź domyślny tekst u góry listy, bezpośrednio modyfikując wartość po zmianie znacznika adresu URL każdej kolejnej opcji, dostosowując go do odpowiedniego parametru i zastępując tekst "Przykładowa strona internetowa" tekstem, który ma zawierać link. Możesz również zmienić tekst parametru wartości tagu, aby zaktualizować tekst wyświetlany na przycisku "Prześlij".

Krok 5

Zapisz swoją stronę internetową i otwórz ją w przeglądarce. Wybierz opcję z rozwijanego menu i kliknij sąsiedni przycisk, aby uzyskać dostęp do wybranego obiektu.