HTML Lista Tutorial

October 16

HTML Lista Tutorial


Le liste sono un modo meraviglioso per mantenere le cose organizzate su un sito web. Creazione di liste usando HyperText Markup Language (HTML) è facile. Ci sono tre liste che si possono scegliere: non ordinate, ordinate e definizione. I primi due punti uso di proiettili, numeri o lettere, mentre il terzo fornisce informazioni in più di uno stile termine / descrizione. Qualunque uno si sceglie, si può avere la vostra lista installato e funzionante in pochi minuti.

istruzione

Le liste non ordinate

1 Si apre la lista con il comando "<UL>" (elenco puntato).

2 Aggiungere un punto di proiettile per ogni elemento con il codice "<LI>" (voce di elenco). Non è necessario utilizzare il tag di chiusura "</ LI>," né è necessario utilizzare paragrafo o interruzioni di riga. La lista si abbassa automaticamente al livello successivo ogni volta che si entra <LI>.

3 Chiudere la lista con "</ UL>." Un esempio di una lista non ordinata completo è:

<UL>

<LI> Articolo 1

<LI> Articolo 2

<LI> Articolo 3

</ UL>

Questo dà una lista in cui ogni elemento è indicato con un punto di proiettile rotondo.

4 Modificare i punti elenco rotondi a quadrati cambiando "<UL>" a "<UL type =" piazza ">".

elenchi ordinati

5 Creare una lista ordinata con il seguente codice:

<Ol>

<LI> Articolo 1

<LI> Articolo 2

<LI> Articolo 3

</ Ol>

Questo creerà lo stesso effetto di una lista non ordinata, tranne che invece di punti elenco l'elenco è numerato.

Per cominciare ad un numero diverso da uno, il cambiamento "<ol>" a "<OL START =" 3 ">" (o qualunque sia il numero che si desidera l'elenco per iniziare su).

6 Cambiare i numeri per numeri romani con il codice "<ol type =" I ">" (maiuscolo) o "<OL TYPE =" i ">" (minuscolo).

7 Cambiare i numeri per le lettere con il codice "<ol type =" A ">" (maiuscolo) o "<OL TYPE =" a ">" (minuscolo).

liste Definizione

8 Iniziare la lista con il codice "<DL>" (elenco di definizioni).

9 Aggiungere elementi alla lista con i seguenti set di codice:

<DT> Articolo 1

<DD> Una descrizione del punto 1

"<DT>" sta per "Definizione Termine" e "<DD>" sta per "Definizione Descrizione". La descrizione sarà rientrata mentre il termine rimane allineato a sinistra.

10 Ripetere questi due codici per il maggior numero di oggetti che si desidera elencato.

11 Chiudere la lista con "</ DL>". Un esempio di un elenco completo è:

<DL>

<DT> Film preferiti

<DD> Death Race, Terminator e Pomodori verdi fritti

<DT> Favorite Songs

<DD> Rock and Roll Is Dead, Smash it Up, Cantando sotto la pioggia

<DT> Elenchi

<DD> non ordinato, la definizione ordinata e

</ DL>