Så här skapar du en expanderande lista i HTML utan Java

Har du skapat en mycket lång lista i HTML och vill du att surfarna ska kunna expandera och minska den? Fortsätt läsa den här artikeln för att skapa en funktion som låter dina användare göra saker som detta. Du kommer också att förstå hur du ändrar din kod.

steg

Öppna en textredigerare, t.ex. Anteckningar eller WordPad på Windows eller TextEdit på Mac.

Börja skapa din sida som någon annan sida genom att lägga till taggar och .

Skapa ett jаvascript-skript som berättar att din webbläsare visar listan så att den kan utökas. Använd den här koden för ditt skript.

Stäng huvudetiketten. ().

Skapa sidans kropp. Skriv taggen ().

Skapa innehållet i listan inklusive viss stilinformation som webbläsaren kan använda för att expandera och minska listan. Använd koden nedan. Kom ihåg att följa reglerna för att skapa listor och dellistor inom koden.

ExpandCollapse

Artikel 1

Punkt 2

Punkt 3

Stäng sidokroppen genom att skriva.

Skriv sidans stängningskod för att stänga filen.

Spara filen som HTML och titta på en förhandsgranskning av webbläsarsidan innan du laddar upp den till webben.

Dela på sociala nätverk:

Relaterade