Crea punti elenco in HTML usando
- tag.
L'uso di elenchi puntati aiuta a suddividere grandi porzioni di testo e a evidenziare elenchi di informazioni utili. I punti elenco sono facili da creare nel software di elaborazione testi, ma quando si digita un documento HTML, è necessario conoscere il codice per crearli. Non è necessario molto codice per creare un elenco puntato. Avvolgi ogni lista in
- o tag "elenco non ordinato". Puoi quindi fare tutto ciò che vuoi con l'elenco puntato utilizzando il codice del foglio di stile a cascata.
Passo 1
Scrivi il testo per i tuoi elenchi puntati. Inizia ogni punto sulla propria linea. Avvolgi ogni riga
Video del giorno
Passo 2
Crea una riga vuota sopra l'elenco puntato e quindi digita un'apertura
- tag su quella linea. Trova la fine del tuo elenco puntato e quindi crea un'altra riga vuota lì. Digita una chiusura
- etichetta. Ecco un esempio di un breve elenco puntato con un attributo ID:
- proiettile uno
- proiettile due
Passaggio 3
Usa "stile" per creare il tuo elenco puntato utilizzando il codice CSS. Aggiungi il codice CSS tra i tag tra i tag e oppure puoi scrivere il codice CSS in un file .CSS esterno e incorporare il file utilizzando un tagga in questo modo:. Cambia "path/to/stylesheet.css" con il percorso del file .CSS che crei. Utilizza l'attributo ID o classe per selezionare i tuoi elenchi puntati, in questo modo:
#mylist li { font-style: italic; }
Il codice sopra seleziona tutto
Passaggio 4
Usa la proprietà "list-style" in CSS per cambiare il tipo di punto elenco. I tipi di punti elenco disponibili includono cerchi aperti, dischi pieni e quadrati per elenchi non numerati e non alfabetizzati. Ecco un esempio per i proiettili quadrati:
#mylist li {list-style: square;}
Consiglio
Utilizzare il
- tagga invece di
- per creare elenchi ordinati. È quindi possibile impostare il tipo "stile elenco" su vari tipi di numeri o lettere.
- contrassegnare un'immagine di sfondo allineata a sinistra non ripetitiva. Aggiungi imbottitura sul lato sinistro di ciascuno
- tag per spostare il testo, altrimenti si sovrapporrà all'immagine.
Crea punti elenco immagine specificando "none" per l'attributo "list-style" e poi assegna ogni
