HodTari.com

Sådan oprettes en inddragelig HTML-liste uden Java

Har du lavet en meget lang liste i HTML og vil den besøgende kunne samle eller udvide den? For at konfigurere den funktion, der gør det muligt for den besøgende at gøre ting på denne måde, vil denne artikel lære dig, hvordan du justerer koden for at opfylde disse forventninger.

trin

1
Åbn en simpel tekstredigerer som Notesblok eller WordPad i Windows eller TextEdit på en Mac.
  • 2
    Start din webside som enhver anden ved at tilføje både et tag hvor meget en .
  • 3
    Opret en jаvascript-del af dokumentet, der fortæller din browser at vise listerne i en udtrækkelig / udvidelig form. Brug følgende kode til at danne dette script.


    • 1
    Luk sideoverskriften med mærket for at afslutte det ().


  • 2
    Opret krop af HTML-koden. Indtast taggen for at starte kroppen ().
  • 3
    Opret indholdet på listen, herunder nogle HTML-stiloplysninger, som brugerens browser kan bruge, så de kan udvide og krympe listen. Brug følgende kode til dette. Husk at følge reglerne for oprettelse og gruppering af lister i koden.
    • ExpandCollapse
    • Punkt 1
    • Punkt 2
    • Punkt 3


    1
    Luk kropsdelen af ​​HTML`en ved at skrive tagget .
  • 2
    Indtast HTML-lukkekoden for at fuldføre filen.
  • 3
    Gem dit arbejde som en fil med HTML- eller HTM-udvidelse, og preview siden i din browser, før du uploader den helt til internettet.
    • Del på sociale netværk:

    Relaterede
    © 2024 HodTari.com