Hvordan lage en Nøstet listen med HTML

HTML lar deg lage punktlister, og disse punktlister kan ha flere punktlister nestet innsiden av dem. Koden krever et par koder for å organisere listeelementer, etterfulgt av liste koder som inneholder hvert kulepunkt. Når du ønsker å legge til et nytt nivå innenfor punktliste, kan du reir en ny liste inne moder punktet. Du kan neste så mange lister du vil, så mange nivåer dypt som du ønsker.

Bruksanvisning

1 Åpne din webside i en ren tekst editor eller en kode editor og finne den delen av siden der du vil legge til nestet liste.

2 Legg et par av "<ul>" koder i HTML:

<Ul>
</ Ul>

3 Sett et par av "<li>" tags mellom "<ul>" tags og skrive din første listeelement i dem:

<Ul>
<Li> Liste Varenummer 1 </ li>
</ Ul>

Legg til flere listeelementer etter behov.

4 Finn listen elementet du ønsker å utvide med en nestet liste. Skriv ny sorterte liste kode mellom "<li>" koder for at listeelement:

<Ul>
<Li> Liste Varenummer 1 </ li>
<Li> Liste Varenummer 2 </ li>
<Li> Liste Varenummer 3

&lt;ul>
&lt;li>List Item #3a&lt;/li>
&lt;li>List Item #3b&lt;/li>
&lt;/ul>

</ Li>
</ Ul>

Du har ingen restriksjoner på nestede lister, men bruk fordypninger som vist i eksempelet for å gjøre koden mer lesbar når du trenger å endre det senere.

Hint

  • Endre "<ul>" koder til "<ol>" koder for å lage nummererte lister i stedet.
  • Du kan endre punktene eller numrene med "list-style-type" eiendom i CSS.