gtemata.com

Cum se creează o listă de extindere în HTML fără Java

Ați creat o listă foarte lungă în HTML și doriți ca surferii dvs. să se poată extinde și să-l reducă? Continuați să citiți acest articol pentru a configura o funcție care permite utilizatorilor dvs. să facă astfel de lucruri. De asemenea, veți înțelege cum să modificați codul.

paşi

1
Deschideți un editor de text, cum ar fi Notepad sau WordPad pe Windows sau TextEdit pe Mac.
  • 2
    Începeți să creați pagina dvs. ca orice altă pagină adăugând etichete și .
  • 3
    Creați un script jаvascript care îi spune browserului să afișeze lista astfel încât să poată fi extinsă. Utilizați acest cod pentru scenariul dvs.
  • 4
    Închideți eticheta capului. ().
  • 5
    Creați corpul paginii. Introduceți eticheta ().
  • 6
    Creați conținutul listei, inclusiv unele informații de stil pe care browserul le poate utiliza pentru a extinde și a reduce lista. Utilizați codul de mai jos. Nu uitați să urmați regulile pentru a crea liste și subliste în cadrul codului.
    ExpandCollapse
  • Punctul 1
  • Punctul 2
  • Punctul 3
  • 7
    Închideți corpul paginii tastând.
  • 8
    Introduceți eticheta de închidere a paginii pentru a închide fișierul.
  • 9
    Salvați fișierul ca HTML și urmăriți o previzualizare a paginii browserului înainte de ao încărca pe web.
    •  
    Distribuiți pe rețelele sociale: 

     
    înrudit