Kuidas teha HTML-is kokkupandavat loendit ilma Javascriptita

Kas olete loonud HTML-is väga pika loendi, mida soovite, et teie külastaja saaks ahendada või laiendada? See artikkel aitab teil seadistada funktsiooni, mis võimaldab teie külastajal selliseid toiminguid teha.

1
Avage Windowsis lihtne tekstitöötlusprogramm, näiteks Notepad või WordPad, või Macis avage TextEdit.

2
Alustage oma veebilehte, nagu mis tahes muud veebilehte, lisades nii märgendi kui ka.

3
Looge dokumendist JavaScripti osa, mis käsib teie brauseris kuvada teie loendid kokkupandaval/laiendataval kujul. Kasutage selle skripti moodustamiseks järgmist koodi.

4
Sulgege lehe päise osa koos lehe päise lõpumärgendiga ().

5
Looge HTML-koodi keha. Tippige keha alustamiseks märgend ().

6
Looge loendi sisu, sealhulgas HTML-i stiiliteavet, mida kasutaja brauser saab kasutada, et nad saaksid loendit laiendada ja ahendada. Selle loomiseks kasutage järgmist koodi. Ärge unustage järgida koodi sees loendite ja pesastatud loendite loomise reegleid.

Laienda Ahenda

  • Üksus 1
  • Üksus 2
  • Üksus 3

7
Sulgege HTML-koodi kehaosa, tippides märgendi.

8
Faili lõpuleviimiseks tippige sulgev HTML-märgend.

9
Salvestage oma töö failina kas HTML-faililaiendiga või HTM-faililaiendiga ja vaadake lehe eelvaadet oma brauseris enne selle täielikku veebi üleslaadimist.