itholoinfo.com.com

Cum se creează o listă HTML retrasă fără Java

Ați creat o listă foarte lungă în HTML și doriți ca vizitatorul să îl poată colecta sau extinde? Pentru a configura funcția care permite vizitatorului să facă lucruri în acest fel, acest articol vă va învăța cum să ajustați codul pentru a răspunde acestor așteptări.

pași

1
Deschideți un editor de text simplu, cum ar fi Notepad sau WordPad în Windows sau TextEdit pe un Mac.
  • 2
    Porniți pagina dvs. de Web ca oricare altul adăugând atât o etichetă cât de mult .
  • 3
    Creați o porțiune jаvascript a documentului care îi spune browserului să afișeze listele într-o formă retractabilă / extensibilă. Utilizați următorul cod pentru a forma acest script.


    • 1
    Închideți antetul paginii cu eticheta pentru ao termina ().


  • 2
    Creați corpul codului HTML. Introduceți eticheta pentru a porni corpul ().
  • 3
    Creați conținutul listei, inclusiv câteva informații despre stilul HTML pe care le poate utiliza browserul utilizatorilor, astfel încât acestea să poată extinde și micșora lista. Utilizați următorul cod pentru acest lucru. Nu uitați să urmați regulile pentru crearea și gruparea listelor din cadrul codului.
    • ExpandCollapse
    • Punctul 1
    • Punctul 2
    • Punctul 3


    1
    Închideți secțiunea corpului HTML introducând eticheta .
  • 2
    Introduceți eticheta de închidere HTML pentru a finaliza fișierul.
  • 3
    Salvați munca dvs. ca fișier cu extensie HTML sau HTM și previzualizați pagina în browser înainte de ao încărca complet pe web.
    • Distribuiți pe rețelele sociale:

    înrudit
    Cum de a adăuga jаvascript la site-ul dvs. folosind HTMLCum de a adăuga jаvascript la site-ul dvs. folosind HTML
    Cum să comutați afișarea unui element HTML utilizând jаvascriptCum să comutați afișarea unui element HTML utilizând jаvascript
    Cum de a crea o pagină Web simplă cu NotepadCum de a crea o pagină Web simplă cu Notepad
    Cum se creează un buton HTML pentru o legăturăCum se creează un buton HTML pentru o legătură
    Cum se creează un link HTMLCum se creează un link HTML
    Cum se creează un meniu suspendat în HTML și CSSCum se creează un meniu suspendat în HTML și CSS
    Cum se creează un calculator folosind HTMLCum se creează un calculator folosind HTML
    Crearea unei pagini web simple cu HTMLCrearea unei pagini web simple cu HTML
    Cum se creează un tabel în HTMLCum se creează un tabel în HTML
    Cum se creează un iFrame (Frame Inline)Cum se creează un iFrame (Frame Inline)
    » » Cum se creează o listă HTML retrasă fără Java
    © 2021 itholoinfo.com.com