Tipi di proiettile per Elenchi HTML

October 17

L'aggiunta di un elenco puntato al tuo sito web può essere un buon modo di presentare facilmente informazioni sequenziale sequenziale o non. In aggiunta allo stile di default, entrambe le liste HTML ordinate e non ordinate hanno diversi stili di proiettile diversi che è possibile utilizzare per abbinare al meglio il resto del tuo sito web.

Stili lista ordinata

Lo stile di punto predefinito per una lista ordinata è numeri. Per utilizzare uno stile alternativo, aggiungere l'attributo "tipo" al tag <ol>. Opzioni per l'attributo "tipo" sono "A" per visualizzare le lettere maiuscole, "A" per visualizzare le lettere minuscole, "I" per visualizzare i numeri romani maiuscoli e "i" per visualizzare minuscole numeri romani. Per esempio:

<Ol type = "A">

<Li> I gatti </ li>

<Li> Cani </ li>

<Li> Uccelli </ li>

</ Ol>

Non ordinate Stili elenco

Lo stile di punto predefinito per una lista non ordinata è un proiettile rotondo nero. Per utilizzare uno stile alternativo, aggiungere l'attributo "tipo" al tag <ul>. Opzioni per l'attributo "tipo" sono "cerchio" per visualizzare un cerchio non riempito e "quadrato" per visualizzare quadrati neri. Per esempio:

<Ul tipo = "piazza">

<Li> I gatti </ li>

<Li> Cani </ li>

<Li> Uccelli </ li>

</ Ul>

considerazioni

Utilizzando diversi stili di proiettile può aggiungere interesse visivo per il vostro sito web e farlo risaltare da pagine simili. D'altra parte, utilizzando troppi stili differenti di proiettile sulla stessa pagina può far sembrare disordinato e confuso. Verificare sempre il codice HTML prima di caricare la nuova pagina al tuo sito web per assicurarsi che sembra il modo desiderato.

avvertimento

L'attributo "tipo" è considerato deprecato sia per i ei tag <ol> <ul>; anche se i browser attuali ancora lo supportano, l'attributo può diventare obsoleto in futuro e il supporto per esso può essere interrotto. W3Schools consiglia di utilizzare i CSS, piuttosto che il "tipo" attribuire a cambiare lo stile proiettile per le liste; liste di stile con i CSS offre l'ulteriore vantaggio di essere in grado di sostituire i proiettili con le immagini.