Come fare punti di richiamo in HTML

January 22

Come fare punti di richiamo in HTML


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.

istruzione

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;}

Consigli e avvertenze

  • Utilizzare il tag <ol> invece di <ul> per creare elenchi ordinati. È quindi possibile impostare tipo "list-style" a vari tipi di numeri o lettere.
  • Creare punti elenco immagine specificando "nessuno" per l'attributo "list-style" e poi dare ad ogni tag <li> un'immagine di sfondo non ripetibile, allineato a sinistra. Aggiungere rivestimento sul lato sinistro di ogni <li> tag per spostare il testo sopra, altrimenti sovrapporre l'immagine.

Articoli Correlati