Come creare liste usando HTML

September 1

Gli elenchi puntati e numerati sono buoni modi per organizzare le informazioni sulle pagine web. È possibile modificare l'aspetto delle liste alterando lo stile dei numeri o punti elenco e la distanza degli oggetti. E 'anche facile creare ampi contorni utilizzando liste multiple all'interno di uno con l'altro.

istruzione

1 Iniziate la vostra lista con <ol> (lista ordinata) per gli elenchi numerati o <ul> (lista non ordinata) per gli elenchi puntati.

2 Cambiare il proiettile o tipo di numero con l'aggiunta type = "YourTypeHere" dopo ol o ul all'inizio della lista. Ad esempio, <ol type = "I"> vi darò un elenco di numeri romani di capitale, e <tipo ul = "piazza"> vi darà una lista con le pallottole quadrati. Il sistema di numerazione di default per gli elenchi numerati è numeri arabi, e il proiettile di default per gli elenchi puntati è un cerchio nero solido.

3 Modificare il numero di partenza della vostra lista con l'aggiunta di inizio = "Numero", dopo ol. Ad esempio, <ol start = "5"> vi darà una lista di partenza numero di articolo 5.

4 Iniziare ogni nuovo elemento della lista con <li> (elemento della lista) e termina con </ li>. Tipo </ ol> o </ ul> alla fine della vostra lista.

5 Aumentare la spaziatura tra le voci di elenco con l'aggiunta di tag di paragrafo (<p>). Per esempio,

<Ul>
<Li> <p> Voce A </ p> </ li>
<Li> <p> Articolo B </ p> </ li>
</ Ul>

verrà visualizzato un elenco con uno spazio extra tra gli elementi, mentre

<Ul>
<Li> Voce A </ li>
<Li> Voce B </ li>
</ Ul>

verrà visualizzato un elenco interlinea singola.

6 Creare profili avviando una nuova lista all'interno di un elenco esistente. Aggiungere un nuovo <ol> o <ul> dopo la chiusura di un elemento della lista (</ li>). Ad esempio, <ul> <li> Intestazione </ li> <ul type = "piazza"> List Item </ li> </ ul> </ ul> visualizza un elenco con un colpo di testa con il proiettile di default e una voce di elenco utilizzando un proiettile piazza. Fare attenzione a chiudere tutti i tag HTML nei posti giusti, o le vostre liste nidificate potrebbe non apparire dove vuoi.

Consigli e avvertenze

  • I tipi di proiettili disponibili sono "disco" (il proiettile di default, un cerchio nero), "cerchio" (un cerchio aperto) e (un quadrato nero) "quadrato".
  • I tipi di numeri disponibili sono "1" (il sistema di numerazione di default, numeri arabi), "A" (maiuscolo), "a" (lettere minuscole), "I" (numeri romani in maiuscolo) e "I" (Romano minuscolo numeri).