Utilizzando elenchi puntati, aiuta a spezzare grandi blocchi di testo e scegliere elenchi di informazioni utili. Elenchi puntati sono facili da creare in software di elaborazione testi, ma quando si sta digitando un documento HTML, è necessario conoscere il codice per la loro creazione. Non molto codice è necessario per creare un elenco puntato. Avvolgere ogni elenco in tag < li > e poi avvolgere l'intero elenco in < ul > o tag "elenco non ordinato". Quindi si può fare tutto quello che vuoi con l'elenco puntato utilizzando codice di foglio di stile CSS.
Istruzioni
1
Scrivere il testo per i punti di pallottola. Ogni punto di partenza sulla propria riga. Avvolgere ogni riga in < li > e </li > Tag come così:
< li > si tratta di un punto elenco puntato </li >
< li > questo è un altro punto dell'elenco </li >
2
Creare una riga vuota sopra l'elenco puntato e quindi digitare un tag di apertura < ul > su quella linea. Trovare la fine dell'elenco puntato e quindi creare un'altra riga vuota lì. Digitare un tag di chiusura </UL > su quella linea. Se si desidera l'elenco con i CSS più tardi di stile, quindi aggiungere una classe o un attributo ID del tag di apertura < ul >. Ecco un esempio di un elenco puntato breve con un attributo ID:
< ul id = "mylist" >
< li > Bullet uno </li >
< li > proiettile due </li >
</UL >
3
Utilizzare "stile" per creare il tuo elenco puntato utilizzando il codice CSS. Aggiungere il codice CSS tra lo stile di < > e < / stile > tag tra < head > e < / head > Tag, oppure è possibile scrivere il codice CSS in un esterno. CSS file e incorporare il file utilizzando un tag < link > come questo: < link rel = "stylesheet" href="path/to/stylesheet.css" type = "text/css" / >. Modificare "path/to/stylesheet.css" con il percorso per il. File CSS che si crea. Utilizzare l'attributo ID o una classe per selezionare il vostro elenchi puntati, in questo modo:
myList li {font-style: italic;}
Il codice sopra riportato consente di selezionare tutti i tag < li > all'interno di un tag con un ID di "mylist". Sostituire il segno di hash con un periodo quando si seleziona dall'attributo class.
4
Utilizzare la proprietà di "list-style" nel CSS per modificare il tipo di proiettile. I tipi di proiettile disponibili includono le piazze per le liste non numerata, non in ordine alfabetico, riempita in dischi e cerchi aperti. Ecco un esempio per punti elenco quadrati:
myList li {list-style: quadrati;}
Consigli & Avvertenze
- Utilizzare il tag < ol > anziché < ul > per creare elenchi ordinati. È quindi possibile impostare tipo "list-style" a diversi tipi di numeri o lettere.
- Creare i punti elenco immagine specificando "none" per l'attributo "list-style" e poi dare ogni tag < li > un'immagine di sfondo non ripetuti, allineato a sinistra. Aggiungere spaziatura interna sul lato sinistro di ogni tag < li > per spostare il testo, altrimenti sovrapporranno l'immagine.