Come fare una lista annidata Utilizzando HTML

October 21

HTML consente di creare elenchi puntati, e tali elenchi di proiettile può avere più elenchi puntati annidati dentro di loro. Il codice richiede una coppia di tag per organizzare gli elementi della lista, seguito dai tag elenco contenente ogni punto di proiettile. Se si desidera aggiungere un nuovo livello all'interno della lista proiettile, è possibile nidificare un nuovo elenco all'interno del suo punto di genitore proiettile. È possibile nidificare in molte liste come si desidera, come molti livelli di profondità come si desidera.

istruzione

1 Aprire la pagina Web in un editor di testo o un editor di codice e trovare la parte della pagina in cui si desidera aggiungere la lista annidata.

2 Aggiungere un paio di "<ul>" tag per il codice HTML:

<Ul>
</ Ul>

3 Mettere un paio di "<li>" tag tra i "<ul>" tag e scrivere il primo elemento della lista al loro interno:

<Ul>
<Li> # lista Articolo 1 </ li>
</ Ul>

Aggiungere altri elementi della lista, se necessario.

4 Trovare la voce di elenco che si desidera espandere con una lista annidata. Scrivi nuovo codice lista non ordinata tra la "<li>" tag per tale voce di elenco:

<Ul>
<Li> # lista Articolo 1 </ li>
<Li> # Lista Articolo 2 </ li>
<Li> lista Articolo # 3

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

</ Li>
</ Ul>

Non ci sono restrizioni su liste nidificate, ma utilizzare rientranze, come mostrato nell'esempio per rendere il codice più leggibile quando è necessario modificare in un secondo momento.

Consigli e avvertenze

  • Modificare le "<ul>" tag a "<ol>" tag per creare elenchi numerati, invece.
  • È possibile modificare i punti elenco o numeri utilizzando la proprietà "list-style-type" in CSS.