Come uno sviluppatore Web, hai grande libertà nel modo che si avvicina a progettare pagine Web. A volte, se si desidera utilizzare un file di immagine come punto elenco in un elenco non ordinato anziché il semplice, tondo proiettile in genere utilizzati negli elenchi. Per codificare un'immagine come punto elenco in HTML, devi caricare l'immagine al server Web e quindi aggiungere poche righe di codice HTML alla tua pagina Web.

Istruzioni

1

Caricare l'immagine che si intende utilizzare come le pallottole in un elenco non ordinato al server Web. Prendere nota dell'URL dell'immagine.

2

Aprire la pagina Web che si desidera modificare in un editor di testo standard, ad esempio Blocco note o in qualsiasi applicazione di editor HTML.

3

Inserire il seguente codice nella tua pagina Web in cui si desidera visualizzare l'elenco:

< ul style = "list-style-image: URL (di http://www.URL.com/image.gif);" >

Sostituire "l'http://www.URL.com/image.gif" in questo esempio con l'URL per l'immagine che hai appena caricato.

4

Creare le voci dell'elenco aggiungendo la seguente riga direttamente sotto il codice nel passaggio precedente:

Proiettile < li > </li >

Sostituire "Bullet" con il proprio testo di pallottola. Ripetere questo passaggio per proiettili come molti come si desidera venga visualizzato nell'elenco non ordinato.

5

Aggiungere un tag di chiusura alla fine dell'elenco:

</UL >

6

Salvare il file modificato, caricarlo sul server Web e visualizzare la pagina nel browser per verificare che i punti elenco immagine vengano visualizzati correttamente.