January 22
Utilizzando i punti elenco aiuta a rompere grandi blocchi di testo e sottolineare 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 creare loro. Non molto codice è necessario per creare un elenco puntato. Avvolgere ogni lista nei tag <li> e poi avvolgere l'intero elenco di <ul> o "lista non ordinata" tag. È quindi possibile fare quello che vuoi con la lista proiettile utilizzando Cascading Style Sheet codice.
1 Scrivere il testo per i vostri punti di pallottola. Iniziare ogni punto sulla propria riga. Avvolgere ogni riga <li> e </ li> tag in questo modo:
<Li> Questo è un punto puntato </ li>
<Li> Questo è un altro punto elenco </ li>
2 Creare una riga vuota sopra l'elenco puntato e quindi digitare una apertura <ul> tag su quella linea. Trova la fine del vostro elenco puntato e quindi creare un'altra riga vuota lì. Digitare un tag di chiusura </ ul> su quella linea. Se si desidera per lo stile della lista con i CSS in seguito, quindi aggiungere una classe o un attributo ID per il tag di apertura <ul>. Ecco un esempio di un breve elenco puntato con un attributo ID:
<Ul id = "mialista">
<Li> Proiettile 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 i tag <style> e </ style> tag tra i tag <head> e </ head> tag, oppure si può scrivere il codice CSS in un file .css esterno e incorporare il file utilizzando un tag <link> come questo: <link rel = "stylesheet" href = "path / to / stylesheet.css" type = "text / css" />. Change "path / to / stylesheet.css" con il percorso del file .CSS si crea. Utilizzare l'attributo ID o classe per selezionare i elenchi puntati, in questo modo:
mylist li {font-style: italic; }
Il codice di cui sopra seleziona tutti <li> tag all'interno di un tag con un ID di "mylist." Sostituire il cancelletto con un periodo in cui la selezione per l'attributo class.
4 Utilizzare la proprietà "list-style" in CSS per modificare il tipo di proiettile. I tipi di proiettili disponibili includono cerchi aperti, dischi compilati e nelle piazze per le liste non numerate, non in ordine alfabetico. Ecco un esempio per i punti elenco quadrati:
mylist li {list-style: square;}